33< head >
44 < meta charset ="UTF-8 ">
55 < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
6+ < meta http-equiv ="X-UA-Compatible " content ="ie=edge " />
7+ < meta name ="title " content ="Machine Learning Repositories ">
8+ < meta name ="description "
9+ content ="A curated collection of diverse machine learning repositories available on GitHub, presented by the RecodeHive community ">
10+ < meta name ="keywords "
11+ 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 ">
12+ < meta name ="robots " content ="index, follow ">
13+ < meta http-equiv ="Content-Type " content ="text/html; charset=utf-8 ">
14+ < meta name ="author " content ="Recode Hive ">
615 < title > Contact Us</ title >
716 < link rel ="stylesheet " href ="css/contact.css " />
17+ < link rel ="icon " href ="/assets/recode-hive.png " type ="image/png "> <!-- Added favicon -->
18+ < link rel ="stylesheet " href ="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css ">
19+ < script src ="https://cdn.jsdelivr.net/npm/chart.js "> </ script >
20+ < style >
21+ # 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 {
40+ background-color : white;
41+ }
42+ .dark-mode .title {
43+ color : # 333 ;
44+ }
45+ .dark-mode .paragraph {
46+ color : # 555 ;
47+ }
48+ </ style >
849</ head >
9- < body >
50+ < body class ="da ">
51+ < div id ="progress-container ">
52+ < div id ="progress-bar "> </ div >
53+ </ div >
1054
55+ < script >
56+
57+ window . addEventListener ( 'scroll' , function ( ) {
58+ const winScroll = document . body . scrollTop || document . documentElement . scrollTop ;
59+ const height = document . documentElement . scrollHeight - document . documentElement . clientHeight ;
60+ const scrolled = ( winScroll / height ) * 100 ;
61+ document . getElementById ( 'progress-bar' ) . style . width = scrolled + '%' ;
62+ } ) ;
63+ </ script >
64+ < div class ="loading-container " id ="loading-animation ">
65+ < div class ="loader "> </ div >
66+ </ div >
67+ < header >
68+ < nav class ="navbar ">
69+ < a class ="logo-container " href ="/ ">
70+ < img src ="assets/recode-hive.png " alt ="Recode Hive Icon " class ="logo-icon ">
71+ < span class ="logo-text "> Recode Hive</ span >
72+ </ a >
73+ < ul class ="nav-links ">
74+ < li > < a href ="/ "> Home</ a > </ li >
75+ < li > < a href ="/about "> About</ a > </ li >
76+
77+ < li > < a href ="https://recodehive.github.io/awesome-github-profiles/pages/blog.html "> Learn</ a > </ li >
78+ < li > < a href ="organization "> Organization</ a > </ li >
79+ < li > < a href ="./faq.html "> FAQ</ a > </ li >
80+ < li > < a href ="./faq.html "> Feedback</ a > </ li >
81+ < li > < a href ="contact "> Contact</ a > </ li >
82+ <!-- Dropdown on navbar -->
83+ < li class ="dropdown ">
84+ < button id ="dropdownButton " class ="dropbtn "> Know More</ button >
85+ < div id ="dropdownMenu " class ="dropdown-content ">
86+ < a href ="/how-we-work "> How we work?</ a >
87+ < a href ="/projects "> Projects</ a >
88+ < a href ="/team "> Team</ a >
89+ < a href ="conduct "> Code of Conduct</ a >
90+ </ div >
91+ </ li >
92+ < div class ="nav-icons ">
93+ < li >
94+ < a href ="https://github.com/recodehive/machine-learning-repos " target ="_blank ">
95+ < img src ="assets/images.png " alt ="GitHub "> <!-- GitHub Icon -->
96+ </ a >
97+ </ li >
98+ < li >
99+ < button id ="toggle-dark-mode " title ="Use Ctrl+Q to toggle themes easily ">
100+ < i class ="fas fa-moon "> </ i >
101+ </ button >
102+ </ li >
103+ </ div >
104+ </ ul >
105+ < div class ="line " id ="line ">
106+ < div class ="bar1 "> </ div >
107+ < div class ="bar2 "> </ div >
108+ < div class ="bar3 "> </ div >
109+ </ div >
110+ </ nav >
111+ </ header >
112+
113+ < main >
11114 < div class ="contact-container ">
12115 < h2 > Contact Us</ h2 >
13116 < p > We would love to hear from you! Please fill out this form and we'll get in touch with you shortly.</ p >
@@ -31,6 +134,6 @@ <h2>Contact Us</h2>
31134 <!-- Back to Home Button -->
32135 < button onclick ="window.location.href='index.html' " class ="back-button "> Back to Home</ button >
33136 </ div >
34-
137+ </ main >
35138</ body >
36139</ html >
0 commit comments