-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
104 lines (100 loc) · 5.62 KB
/
about.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Us</title>
<link rel="stylesheet" href="about.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<body>
<header>
<div class="navbar">
<div class="logo">WeCoders</div>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="contest.html">Contests</a></li>
<li><a href="blogs.html">Blogs</a></li>
</ul>
</nav>
<a href="login.html"><button class="login-btn">Login</a> </button>
</div>
<div class="about">About Wecoders </div>
<div class="underline"></div>
</header>
<main>
<div class="contact-container">
<div class="contact-left">
<p class="interactive-line">Welcome to <span style="background-color: rgb(0, 94, 255)"> WeCoders </span> —Where Code Meets Fun!</p>
<p class="interactive-line">🎉 What’s the Buzz?</p>
<p class="interactive-line">Imagine a magical land where coding platforms and epic coding contests live side by side, just waiting for you to dive in. That’s WeCoders! It’s like Hogwarts for coders, but with fewer broomsticks and more algorithms. 🚀</p>
<p class="interactive-line">🔍 What’s Cooking?</p>
<p class="interactive-line">Hero Section: Picture this—a giant virtual party where all your favorite coding platforms are mingling. WeCoders is the host, making sure you never miss out on the coolest coding soirées. From LeetCode to Codeforces, we’ve got your invite!</p>
<p class="interactive-line">Profile Section: Ever wanted to be the superhero of the coding world? With our Profile Builder, you can craft your very own superhero profile. Add your skills, stats, and even a touch of your unique coding magic. It’s like a coding comic book where you are the star!</p>
<p class="interactive-line">Coding Platforms Section: Think of this as the ultimate coding buffet. From spicy LeetCode challenges to sweet CodeChef contests, we’ve laid out a spread of coding delicacies for you to devour. Get ready to feast on coding goodness!</p>
<p class="interactive-line">Footer Section: Here’s where you can grab a map to the treasure chest of coding opportunities. Contests, hackathons, internships—if it’s got coding in it, it’s on our list. And yes, there’s a secret passage to our social hangouts where you can mingle and share your coding escapades.</p>
<p class="interactive-line">🎉 Why WeCoders?</p>
<p class="interactive-line">Because coding is cooler with friends! Whether you’re debugging like a pro, tackling tough challenges, or just hanging out with fellow code enthusiasts, WeCoders is here to make your coding journey as epic as possible. 🎊</p>
<p class="interactive-line">So, buckle up and get ready to code, compete, and create like never before. WeCoders is your playground—let’s make it legendary! 🚀🌟</p>
</div>
<div class="contact-right">
<img src="images/code.png" alt="WeCoders Image"> <!-- Update path as needed -->
</div>
</div>
</main>
<!-- Footer Section -->
<footer>
<div class="footer-container">
<div class="footer-left">
<div class="footer-logo">
<img src="images/1-removebg-preview (1).png" alt="WeCoders Logo">
<p>WeCoders</p>
</div>
<p>Explore upcoming coding contests.</p>
</div>
<div class="footer-middle">
<h4>Competitions</h4>
<ul>
<li><a href="contest.html">Contests</a></li>
<li><a href="challenges.html">Challenges</a></li>
</ul>
<h4>Opportunities</h4>
<ul>
<li><a href="hackathon.html">Hackathons</a></li>
<li><a href="Internships.html">Internships</a></li>
<li><a href="jobs.html">Jobs</a></li>
</ul>
</div>
<div class="footer-right">
<h4>Connect</h4>
<ul>
<li><a href="feedback.html">Feedback</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="about.html">About WeCoders</a></li>
</ul>
<h4>Social</h4>
<div class="footer-social-icons">
<a href="https://www.linkedin.com/in/payal-sinha-b83126279/" target="_blank"><i class="fab fa-linkedin"></i></a>
<a href="https://github.com/payalsinha12" target="_blank"><i class="fab fa-github"></i></a>
<a href="discord://payalsinha01" target="_blank"><i class="fab fa-discord"></i></a>
<a href="https://www.instagram.com/paya.lsinha01/?next=%2F&hl=en" target="_blank"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
<div class="footer-bottom">
<p>© 2024 WeCoders licensed.</p>
</div>
</footer>
<script>
document.querySelectorAll('.interactive-line').forEach(line => {
line.addEventListener('mouseover', () => {
line.classList.add('sparkle');
});
line.addEventListener('mouseout', () => {
line.classList.remove('sparkle');
});
});
</script>
</body>
</html>