Skip to content

Commit 2502cc8

Browse files
akshattiwariiakshattiwarii
committed
added reademe.
Co-authored-by: your github username <your email related to github> Co-authored-by: akshattiwarii <[email protected]>
1 parent ead412f commit 2502cc8

File tree

4 files changed

+223
-43
lines changed

4 files changed

+223
-43
lines changed

‎Website/about.html

Lines changed: 42 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -33,6 +33,7 @@
3333
rel="stylesheet"
3434
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
3535
/>
36+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
3637
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
3738
<style>
3839
.content {
@@ -331,18 +332,51 @@ <h3>Join the Community</h3>
331332
>
332333
</div>
333334
</div>
335+
334336
</div>
335337

336-
<footer class="footer">
337-
<div>
338-
&copy; <span id="year"></span> Machine Learning Repos -
339-
<a href="https://github.com/recodehive" id="footer-link">RecodeHive</a>.
340-
All rights reserved.
338+
<!-- new footer updated -->
339+
<div class="footer">
340+
<div class="footer-col">
341+
<img src="./assets/recode-hive.png" alt="">
342+
<p class="footer-p">
343+
344+
Machine Learning is an exciting and rapidly evolving field that offers endless opportunities for innovation and discovery.
345+
346+
</p>
347+
<div class="footer-social">
348+
<a href="#"><i class="fa-brands fa-facebook"></i></a>
349+
<a href="#"><i class="fa-brands fa-instagram"></i></a>
350+
<a href="#"><i class="fa-brands fa-square-x-twitter"></i></a>
351+
<a href="#"><i class="fa-brands fa-linkedin"></i></a>
352+
</div>
353+
</div>
354+
<div class="footer-col-main">
355+
<h4 class="h46">Company</h4>
356+
<a href="#">Organisation</a>
357+
<a href="#">Franchise</a>
358+
<a href="#">Contribute</a>
359+
<a href="#">Network</a>
360+
</div>
361+
<div class="footer-col-main">
362+
<h4 class="h46">About Us</h4>
363+
<a href="#">Blogs</a>
364+
<a href="#">Security</a>
365+
<a href="#">Careers</a>
366+
<a href="#">FAQS</a>
341367
</div>
342-
<div class="code-of-conduct-button">
343-
<a href="conduct.html">View Code of Conduct</a>
368+
<div class="footer-col-main">
369+
<h4 class="h46">Contact</h4>
370+
<a href="#">Terms & Conditions</a>
371+
<a href="#">Contact Us</a>
372+
<a href="#">Privacy Policy</a>
373+
<a href="#">Feedback</a>
344374
</div>
345-
</footer>
375+
</div>
376+
<div class="footer-bar">
377+
Copyright &copy; 2024 <a href="https://github.com/recodehive">Recodehive</a>. All rights reserved.
378+
379+
</div>
346380
<script src="js/script.js"></script>
347381
</body>
348382
</html>

‎Website/css/styles.css

Lines changed: 95 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -541,22 +541,6 @@ button#toggle-stats:hover {
541541
transform: rotate(45deg);
542542
}
543543

544-
545-
/* Footer stays at the bottom */
546-
.footer {
547-
background-color: #121245;
548-
/* Dark blue for footer */
549-
color: #f1f1f1;
550-
padding: 20px;
551-
text-align: center;
552-
margin-top: auto;
553-
animation: fadeIn 1s ease-in-out;
554-
}
555-
556-
#footer-link {
557-
color: white
558-
}
559-
560544
button#toggle-languages {
561545
display: block;
562546
margin: 20px auto;
@@ -1771,19 +1755,105 @@ body.blue-mode {
17711755
}
17721756

17731757
/* Footer Styles */
1774-
.light-mode footer {
1775-
background-color: #f8f9fa; /* Light background */
1776-
color: #333; /* Dark text */
1758+
.light-mode .footer {
1759+
background-color: #0a0266;
1760+
z-index: -1;
17771761
}
17781762

1779-
.dark-mode footer {
1780-
background-color: #333; /* Dark background */
1781-
color: #f1f1f1; /* Light text */
1763+
.light-mode .footer-bar {
1764+
z-index: -1;
1765+
width: 100%;
1766+
text-align: center;
1767+
background-color: #0a0266;
17821768
}
17831769

1784-
.blue-mode footer {
1785-
background-color: #121245; /* Dark blue background */
1786-
color: #f1f1f1; /* Light text */
1770+
.dark-mode .footer-bar a {
1771+
color: white;
1772+
}
1773+
1774+
.light-mode .footer-bar a {
1775+
color: white;
1776+
}
1777+
1778+
.footer {
1779+
padding: 5rem 1rem;
1780+
position: relative;
1781+
display: grid;
1782+
grid-template-columns: 400px repeat(3, 1fr);
1783+
gap: 2rem;
1784+
}
1785+
1786+
.footer-col img {
1787+
width: 4rem;
1788+
height: 4rem;
1789+
}
1790+
1791+
.footer-p {
1792+
opacity: 0.7;
1793+
margin-bottom: 2rem;
1794+
}
1795+
1796+
.footer-social {
1797+
display: flex;
1798+
align-items: center;
1799+
}
1800+
1801+
.footer-social i {
1802+
color: white;
1803+
font-size: 1.25rem;
1804+
margin-right: 1rem;
1805+
opacity: 0.7;
1806+
border: 2px solid white;
1807+
border-radius: 100%;
1808+
padding: 0.5rem;
1809+
transition: background-color 0.3s ease 0s;
1810+
}
1811+
1812+
.footer-social i:hover {
1813+
opacity: 1;
1814+
background-color: #35373b;
1815+
}
1816+
1817+
.h46 {
1818+
margin-bottom: 2rem;
1819+
font-size: 1.2rem;
1820+
font-weight: 500;
1821+
color: white;
1822+
}
1823+
1824+
.footer-col-main {
1825+
margin-top: -1rem;
1826+
}
1827+
1828+
.footer-col-main a {
1829+
display: block;
1830+
margin-bottom: 1rem;
1831+
color: white;
1832+
opacity: 0.7;
1833+
text-decoration: none;
1834+
transition: opacity 0.3s ease 0s;
1835+
}
1836+
1837+
.footer-col-main a:hover {
1838+
opacity: 1;
1839+
}
1840+
1841+
.footer-bar {
1842+
margin: auto;
1843+
padding: 1rem;
1844+
font-size: 0.8rem;
1845+
color: white;
1846+
}
1847+
1848+
.footer-bar a {
1849+
text-decoration: none;
1850+
}
1851+
1852+
/* footer responsive */
1853+
@media (max-width: 900px) {
1854+
.footer {
1855+
grid-template-columns: 1fr 200px;
1856+
}
17871857
}
17881858

17891859
/* Responsive Design Adjustments */

‎Website/index.html

Lines changed: 43 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,7 @@
2323
<link rel="stylesheet" href="css/styles.css" />
2424
<link rel="icon" href="/assets/recode-hive.png" type="image/png"> <!-- Added favicon -->
2525
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
26+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
2627
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
2728
<style>
2829
#progress-container {
@@ -381,12 +382,48 @@ <h2>Here are some of our active GitHub repositories</h2>
381382
</div>
382383

383384

384-
<footer class="footer">
385-
<div>&copy; <span id="year"></span> Machine Learning Repos - <a href="https://github.com/recodehive" id="footer-link">RecodeHive</a>. All rights reserved.</div>
386-
<div class="code-of-conduct-button">
387-
<a href="conduct.html">View Code of Conduct</a>
388-
</div>
389-
</footer>
385+
<!-- new footer changes -->
386+
<div class="footer">
387+
<div class="footer-col">
388+
<img src="./assets/recode-hive.png" alt="">
389+
<p class="footer-p">
390+
391+
Machine Learning is an exciting and rapidly evolving field that offers endless opportunities for innovation and discovery.
392+
393+
</p>
394+
<div class="footer-social">
395+
<a href="#"><i class="fa-brands fa-facebook"></i></a>
396+
<a href="#"><i class="fa-brands fa-instagram"></i></a>
397+
<a href="#"><i class="fa-brands fa-square-x-twitter"></i></a>
398+
<a href="#"><i class="fa-brands fa-linkedin"></i></a>
399+
</div>
400+
</div>
401+
<div class="footer-col-main">
402+
<h4 class="h46">Company</h4>
403+
<a href="#">Organisation</a>
404+
<a href="#">Franchise</a>
405+
<a href="#">Contribute</a>
406+
<a href="#">Network</a>
407+
</div>
408+
<div class="footer-col-main">
409+
<h4 class="h46">About Us</h4>
410+
<a href="#">Blogs</a>
411+
<a href="#">Security</a>
412+
<a href="#">Careers</a>
413+
<a href="#">FAQS</a>
414+
</div>
415+
<div class="footer-col-main">
416+
<h4 class="h46">Contact</h4>
417+
<a href="#">Terms & Conditions</a>
418+
<a href="#">Contact Us</a>
419+
<a href="#">Privacy Policy</a>
420+
<a href="#">Feedback</a>
421+
</div>
422+
</div>
423+
<div class="footer-bar">
424+
Copyright &copy; 2024 <a href="https://github.com/recodehive">Recodehive</a>. All rights reserved.
425+
426+
</div>
390427

391428

392429

‎Website/organization.html

Lines changed: 43 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@
99
<link rel="stylesheet" href="css/styles.css" />
1010
<link rel="stylesheet" href="css/Org.css">
1111
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
12+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
1213
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
1314
</head>
1415

@@ -76,10 +77,48 @@ <h2>Get Involved with Recode Hive</h2>
7677

7778
</main>
7879

79-
<footer class="footer">
80-
<div>&copy; 2024 Machine Learning Repos - <a href="https://github.com/recodehive"
81-
id="footer-link">RecodeHive</a>. All rights reserved.</div>
82-
</footer>
80+
<!-- new footer updated -->
81+
<div class="footer">
82+
<div class="footer-col">
83+
<img src="./assets/recode-hive.png" alt="">
84+
<p class="footer-p">
85+
86+
Machine Learning is an exciting and rapidly evolving field that offers endless opportunities for innovation and discovery.
87+
88+
</p>
89+
<div class="footer-social">
90+
<a href="#"><i class="fa-brands fa-facebook"></i></a>
91+
<a href="#"><i class="fa-brands fa-instagram"></i></a>
92+
<a href="#"><i class="fa-brands fa-square-x-twitter"></i></a>
93+
<a href="#"><i class="fa-brands fa-linkedin"></i></a>
94+
</div>
95+
</div>
96+
<div class="footer-col-main">
97+
<h4 class="h46">Company</h4>
98+
<a href="#">Organisation</a>
99+
<a href="#">Franchise</a>
100+
<a href="#">Contribute</a>
101+
<a href="#">Network</a>
102+
</div>
103+
<div class="footer-col-main">
104+
<h4 class="h46">About Us</h4>
105+
<a href="#">Blogs</a>
106+
<a href="#">Security</a>
107+
<a href="#">Careers</a>
108+
<a href="#">FAQS</a>
109+
</div>
110+
<div class="footer-col-main">
111+
<h4 class="h46">Contact</h4>
112+
<a href="#">Terms & Conditions</a>
113+
<a href="#">Contact Us</a>
114+
<a href="#">Privacy Policy</a>
115+
<a href="#">Feedback</a>
116+
</div>
117+
</div>
118+
<div class="footer-bar">
119+
Copyright &copy; 2024 <a href="https://github.com/recodehive">Recodehive</a>. All rights reserved.
120+
121+
</div>
83122
<script src="js/script.js"></script>
84123
<script>
85124

0 commit comments

Comments
 (0)