Skip to content

Commit 1f6e3f6

Browse files
sanjay-kvsanjay-kv
authored
Merge pull request #1610 from saras-69/contact
Contact
2 parents dfc3bde + 69658d4 commit 1f6e3f6

File tree

3 files changed

+1476
-1228
lines changed

3 files changed

+1476
-1228
lines changed

‎Website/contact.html‎

Lines changed: 83 additions & 80 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,14 @@
11
<!DOCTYPE html>
22
<html lang="en">
3+
34
<head>
45
<meta charset="UTF-8">
56
<meta name="viewport" content="width=device-width, initial-scale=1.0">
67
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
78
<meta name="title" content="Machine Learning Repositories">
89
<meta name="description"
910
content="A curated collection of diverse machine learning repositories available on GitHub, presented by the RecodeHive community">
10-
<meta name="keywords"
11+
<meta name="keywords"
1112
content="machine learning, machine learning repositories, machine learning repos, machine learning recode hive, recode hive, recode hive ml repos, recode give ml, ml, ml repositories, github repositories ml, machine learning github repositories">
1213
<meta name="robots" content="index, follow">
1314
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
@@ -19,24 +20,25 @@
1920
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
2021
<style>
2122
#progress-container {
22-
position: fixed ;
23-
top: 0px;
24-
left: 0;
25-
width: 100%;
26-
height: 15px;
27-
z-index: 99990;
28-
/* background: #f3f3f3; */
29-
}
30-
31-
#progress-bar {
32-
height: 53%;
33-
width: 0;
34-
background: linear-gradient(90deg, rgb(0, 72, 255) 0%, rgb(58, 114, 227) 50%, rgb(22, 121, 250) 100%);
35-
box-shadow: 0 0 4px rgba(0, 166, 255, 0.7), 0 0 10px rgba(255, 255, 255, 0.7);
36-
transition: width 0.09s ease-in-out;
37-
border-radius: 10px;
38-
}
39-
/* .dark-mode .content{
23+
position: fixed;
24+
top: 0px;
25+
left: 0;
26+
width: 100%;
27+
height: 15px;
28+
z-index: 99990;
29+
/* background: #f3f3f3; */
30+
}
31+
32+
#progress-bar {
33+
height: 53%;
34+
width: 0;
35+
background: linear-gradient(90deg, rgb(0, 72, 255) 0%, rgb(58, 114, 227) 50%, rgb(22, 121, 250) 100%);
36+
box-shadow: 0 0 4px rgba(0, 166, 255, 0.7), 0 0 10px rgba(255, 255, 255, 0.7);
37+
transition: width 0.09s ease-in-out;
38+
border-radius: 10px;
39+
}
40+
41+
/* .dark-mode .content{
4042
background-color: white;
4143
}
4244
.dark-mode .title{
@@ -47,20 +49,21 @@
4749
} */
4850
</style>
4951
</head>
50-
<body class="da">
52+
53+
<body class="da">
5154
<div id="progress-container">
5255
<div id="progress-bar"></div>
53-
</div>
56+
</div>
57+
58+
<script>
5459

55-
<script>
56-
57-
window.addEventListener('scroll', function() {
60+
window.addEventListener('scroll', function () {
5861
const winScroll = document.body.scrollTop || document.documentElement.scrollTop;
5962
const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
6063
const scrolled = (winScroll / height) * 100;
6164
document.getElementById('progress-bar').style.width = scrolled + '%';
6265
});
63-
</script>
66+
</script>
6467
<div class="loading-container" id="loading-animation">
6568
<div class="loader"></div>
6669
</div>
@@ -79,19 +82,18 @@
7982
<li><a href="faq.html">FAQ</a></li>
8083
<li><a href="Feedback.html">Feedback</a></li>
8184
<li><a href="contact.html">Contact</a></li>
82-
<!-- Dropdown on navbar -->
83-
<!-- Inside your <ul class="nav-links"> -->
84-
<li class="dropdown">
85-
<a href="#" class="dropbtn">Know More</a>
86-
<div class="dropdown-content">
87-
<a href="https://github.com/recodehive">How we work?</a>
88-
<a href="https://github.com/recodehive">Projects</a>
89-
<a href="https://github.com/recodehive">Team</a>
90-
<a href="conduct.html">Code of Conduct</a>
91-
</div>
92-
</li>
9385

94-
<!-- <li class="dropdown">
86+
<li class="dropdown">
87+
<a href="#" class="dropbtn">Know More</a>
88+
<div class="dropdown-content">
89+
<a href="https://github.com/recodehive">How we work?</a>
90+
<a href="https://github.com/recodehive">Projects</a>
91+
<a href="https://github.com/recodehive">Team</a>
92+
<a href="conduct.html">Code of Conduct</a>
93+
</div>
94+
</li>
95+
96+
<!-- <li class="dropdown">
9597
<button id="dropdownButton" class="dropbtn">Know More</button>
9698
<div id="dropdownMenu" class="dropdown-content">
9799
<a href="https://github.com/recodehive">How we work?</a>
@@ -101,22 +103,22 @@
101103
</div>
102104
</li> -->
103105
<div class="nav-icons">
104-
<li>
105-
<a href="https://github.com/recodehive/machine-learning-repos" target="_blank">
106-
<img src="assets/images.png" alt="GitHub"> <!-- GitHub Icon -->
107-
</a>
108-
</li>
109-
<li>
110-
<div>
111-
<img src="/Website/sun-solid (1).svg" id="icon">
112-
</div>
113-
</li>
114-
<!-- <li>
106+
<li>
107+
<a href="https://github.com/recodehive/machine-learning-repos" target="_blank">
108+
<img src="assets/images.png" alt="GitHub"> <!-- GitHub Icon -->
109+
</a>
110+
</li>
111+
<li>
112+
<div>
113+
<img src="/Website/sun-solid (1).svg" id="icon">
114+
</div>
115+
</li>
116+
<!-- <li>
115117
<button id="toggle-dark-mode" title="Use Ctrl+Q to toggle themes easily">
116118
<i class="fas fa-moon"></i>
117119
</button>
118120
</li> -->
119-
</div>
121+
</div>
120122
</ul>
121123
<div class="line" id="line">
122124
<div class="bar1"></div>
@@ -127,41 +129,42 @@
127129
</header>
128130

129131
<main>
130-
<div class="contact-container">
131-
<h2>Contact Us</h2>
132-
<p>We would love to hear from you! Please fill out this form and we'll get in touch with you shortly.</p>
132+
<div class="contact-container">
133+
<h2>Contact Us</h2>
134+
<p>We would love to hear from you! Please fill out this form and we'll get in touch with you shortly.</p>
133135

134-
<form action="#" method="post">
135-
<label for="name">Name</label>
136-
<input type="text" id="name" name="name" required>
136+
<form action="#" method="post">
137+
<label for="name">Name</label>
138+
<input type="text" id="name" name="name" required>
137139

138-
<label for="email">Email</label>
139-
<input type="email" id="email" name="email" required>
140+
<label for="email">Email</label>
141+
<input type="email" id="email" name="email" required>
140142

141-
<label for="subject">Subject</label>
142-
<input type="text" id="subject" name="subject" required>
143+
<label for="subject">Subject</label>
144+
<input type="text" id="subject" name="subject" required>
143145

144-
<label for="message">Message</label>
145-
<textarea id="message" name="message" rows="5" required></textarea>
146+
<label for="message">Message</label>
147+
<textarea id="message" name="message" rows="5" required></textarea>
146148

147-
<button type="submit">Send Message</button>
148-
</form>
149-
150-
<!-- Back to Home Button -->
151-
<button onclick="window.location.href='index.html'" class="back-button">Back to Home</button>
152-
</div>
153-
</main>
154-
<script>
155-
var icon=document.getElementById("icon");
156-
icon.onclick=function(){
157-
document.body.classList.toggle("dark-theme");
158-
if(document.body.classList.contains("dark-theme")){
159-
icon.src="/Website/moon-solid.svg" ;
160-
}
161-
else{
162-
icon.src="/Website/sun-solid (1).svg";
149+
<button type="submit">Send Message</button>
150+
</form>
151+
152+
<!-- Back to Home Button -->
153+
<button onclick="window.location.href='index.html'" class="back-button">Back to Home</button>
154+
</div>
155+
</main>
156+
<script>
157+
var icon = document.getElementById("icon");
158+
icon.onclick = function () {
159+
document.body.classList.toggle("dark-theme");
160+
if (document.body.classList.contains("dark-theme")) {
161+
icon.src = "/Website/moon-solid.svg";
162+
}
163+
else {
164+
icon.src = "/Website/sun-solid (1).svg";
165+
}
163166
}
164-
}
165-
</script>
167+
</script>
166168
</body>
167-
</html>
169+
170+
</html>

0 commit comments

Comments
 (0)