-
Notifications
You must be signed in to change notification settings - Fork 110
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #397 from Naga-Himaja/resources-navbar
feat: added navbar and footer to Resources.html
- Loading branch information
Showing
1 changed file
with
127 additions
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -4,12 +4,91 @@ | |
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>Free Learning Resources</title> | ||
<link rel="stylesheet" href="./Resources.css"> | ||
<link rel="stylesheet" href="styles.css" type="text/css" /> | ||
<link rel="stylesheet" href="Resources.css"> | ||
<script src="script.js" defer></script> | ||
<script type="text/javascript" src="darkmode.js" defer></script> | ||
<link rel="preconnect" href="https://fonts.googleapis.com"> | ||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;500;700&display=swap" rel="stylesheet"> | ||
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet"> | ||
</head> | ||
<body> | ||
<!-- Adding Navbar --> | ||
<nav class="navbar"> | ||
<a href="index.html" class="flex"><img src="images/logo.png" class="logo"> | ||
<span class="website-name tracking-tight ">Code Social</span></a> | ||
|
||
|
||
<!-- Hamburger Menu --> | ||
<div class="hamburger-menu"> | ||
<div class="toggle-button"> | ||
<img src="images/hamburger.png" alt="open" id="hamburger-img"> | ||
|
||
</div> | ||
</div> | ||
|
||
<!-- Navbar Links --> | ||
<ul class="navbar-links flex "> | ||
<li class="ml-20"> | ||
<a href="maintenance.html">Live Events</a> | ||
<ul class="dropdown "> | ||
<li><a href="register.html">Register Now</a></li> | ||
<li><a href="maintenance.html">Why don't you react?</a></li> | ||
|
||
</ul> | ||
</li> | ||
<!-- blog section --> | ||
<ul class="navbar-links flex "> | ||
<li class="ml-20"> | ||
<a href="blog.html">Blogs</a> | ||
</ul> | ||
</li> | ||
<li class="community"> | ||
<a href="maintenance.html">Join Our Community</a> | ||
<ul class="dropdown"> | ||
<li><a href="maintenance.html">WhatsApp</a></li> | ||
<li><a href="maintenance.html">Discord</a></li> | ||
</ul> | ||
</li> | ||
<li> | ||
<a href="learning.html">Learning</a> | ||
<ul class="dropdown"> | ||
<li><a href="Resources.html">Free Learning Resources</a></li> | ||
<li><a href="#">Mentorship Programs</a></li> | ||
<li><a href="#">Peer-to-Peer Sessions</a></li> | ||
</ul> | ||
</li> | ||
<li class="hamburger-menu"> | ||
<div class="toggle-button"> | ||
<span class="about-text">About us</span> | ||
<button class="bar"></button> | ||
<button class="bar"></button> | ||
<button class="bar"></button> | ||
</div> | ||
<ul class="dropdown"> | ||
<li><a href="mentorship.html">Meet Our Team</a></li> | ||
<li><a href="#">Join Our Team</a></li> | ||
<li><a href="#">Contact Us</a></li> | ||
<li><a href="#">Follow Us</a></li> | ||
</ul> | ||
</li> | ||
|
||
<li> | ||
<a href="maintenance.html">Follow Us</a> | ||
</li> | ||
<!-- Dark Mode Toggle --> | ||
<li> | ||
<button id="theme-toggle" class="theme-toggle-btn"> | ||
<img src="images/dark-mode.png" alt="theme-mode" id="theme-toggle-icon"> | ||
</button> | ||
<!-- when light mode is active -> use "dark-mode.png" and when dark mode is active -> use "light-mode.png" --> | ||
</li> | ||
</ul> | ||
</nav> | ||
|
||
|
||
|
||
<div class="nav"> | ||
<div class="text"> | ||
<p>Free Learning Resources</p> | ||
|
@@ -127,5 +206,52 @@ <h2>C++ Programming Course - Beginner to Advanced</h2> | |
|
||
|
||
</div> | ||
|
||
<!-- Adding footer --> | ||
<footer class="footer-section"> | ||
<div class="container"> | ||
<!-- Logo and About Section --> | ||
<div class="footer-logo-about"> | ||
<a href="index.html" class="footer-logo-link"> | ||
<img src="images/logo.png" alt="Code Social Logo" class="footer-logo"> | ||
<span class="website-name">Code Social</span> | ||
</a> | ||
<p class="footer-about-text"> | ||
Code Social Community is a vibrant and inclusive space for tech enthusiasts <br> to learn, grow, and connect. Founded in 2023, our mission is to empower individuals <br> with resources, mentorship, and opportunities to cultivate their skills, explore their interests, and <br>collaborate with like-minded peers. | ||
</p> | ||
<div class="social-icons"> | ||
<a href="https://wa.me/your-whatsapp-number" target="_blank"><img src="images/whatsapp-icon.png" alt="WhatsApp"></a> | ||
<a href="https://discord.gg/MSTNyRSPYW" target="_blank"><img src="images/discord-icon.png" alt="Discord"></a> | ||
<a href="https://www.linkedin.com/company/code-social/" target="_blank"><img src="images/linkedin-icon.png" alt="LinkedIn"></a> | ||
</div> | ||
</div> | ||
|
||
<!-- Links Section --> | ||
<div class="footer-links"> | ||
<div class="footer-column"> | ||
<p class="footer-title">Quick Links</p> | ||
<ul class="footer-list"> | ||
<li><a href="#">About Us</a></li> | ||
<li><a href="#">Events</a></li> | ||
<li><a href="#">Community Guidelines</a></li> | ||
<li><a href="#">Careers</a></li> | ||
</ul> | ||
</div> | ||
<div class="footer-column"> | ||
<p class="footer-title">Help</p> | ||
<ul class="footer-list"> | ||
<li><a href="#">Contact Us</a></li> | ||
<li><a href="#">Volunteer Opportunities</a></li> | ||
<li><a href="#">Terms & Conditions</a></li> | ||
</ul> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
<!-- Footer Bottom --> | ||
<hr class="footer-divider"> | ||
<p class="footer-bottom-text">© Copyright 2024, All Rights Reserved by Code Social</p> | ||
</footer> | ||
|
||
</body> | ||
</html> |