-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
133 lines (111 loc) · 7.43 KB
/
index.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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="assets/icons/BitWars_logo.svg" type="image/svg"">
<link rel="stylesheet" href="./assets/css/index.css" />
<link rel="stylesheet" href="./assets/css/header.css" />
<link rel="stylesheet" href="./assets/css/flexbox.css" />
<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> -->
<script src="./assets/js/countdown.js"></script>
</head>
<body>
<div class="header" id="header">
<div class="logo-container">
<img src="assets/icons/VIT Logo - White 1.svg" alt="LeftLogo" class="left-logo">
</div>
<div class="logo-container">
<img src="assets/icons/IEEE-CS_LogoTM-white 1.svg" alt="RightLogo" class="right-logo">
</div>
</div>
<div class="header-buttons">
<button class="header-button" id="showBlurButton0">About</button>
<button class="header-button" id="showBlurButton1">Sponsors</button>
<button class="header-button" id="showBlurButton2">Contact</button>
</div>
<div class="blur-container" id="blurContainer0">
<div class="heading">About BitWars</div>
<div class="list">
<div class="list-item">Welcome to BitWars, where the digital battlefield awaits! BitWars is an adrenaline-fueled event that combines the best of both worlds - a hands-on coding session and intense competitive programming. Get ready to unleash your coding prowess and engage in epic coding duels!</div>
</div>
<div class="heading">Event Highlights:</div>
<ul class="list">
<li class="list-item">2-Hour Hands-On Session: Jump right into the world of coding with a thorough two-hour interactive workshop. Whether you're just starting out and want to improve your skills or if you're a coding expert striving for perfection, this session is tailored to accommodate individuals at every skill level.</li>
<li class="list-item">Competitive Programming Showdown: Following the hands-on session, put your abilities to the ultimate test in our competitive programming showdown. Compete against other coders in a series of brain-teasing challenges and puzzles meant to test your coding skills.</li>
<li class="list-item">Expert Mentors: Learn from the best! We have a line-up of experienced mentors who will guide you through the hands-on session and provide valuable insights and tips to excel in competitive programming.</li>
<li class="list-item">Prizes and Recognition: The battle isn't just for honour; we have exciting prizes and certificates for the top performers. Show the world your coding prowess and earn recognition for your skills.</li>
<li class="list-item">Networking Opportunities: Connect with like-minded coders, expand your professional network, and forge lasting connections. BitWars is not just about competition; it's about building a community of passionate programmers.</li>
</ul>
<div class="heading">Who Should Attend:</div>
<ul class="list">
<li class="list-item">Coding Enthusiasts</li>
<li class="list-item">Students who need to explore the domain</li>
<li class="list-item">Anyone looking to enhance their coding skills</li>
<li class="list-item">Competitive Programmers seeking a challenge</li>
</ul>
<div class="heading">Date and Time:</div>
<div class="datetime">31st August 2023, 8:00 AM - 5:00 PM</div>
</div>
<div class="blur-container" id="blurContainer1">
<div class="heading">Powered by Coding Ninjas</div>
<div class="list">
<div class="list-item">BitWars owes its success to the invaluable support of our sponsors, Coding Ninjas.</div>
<div class="list-item">As a leading online tech learning platform, Coding Ninjas is synonymous with quality education in the world of coding and programming.</div>
</div>
<div class="heading">About Coding Ninjas:</div>
<div class="list">
<div class="list-item">Coding Ninjas stands out as an innovative online platform that has revolutionized the process of acquiring coding skills and achieving excellence.</div>
<div class="list-item">With a core mission to empower students, professionals, and coding enthusiasts alike, Coding Ninjas provides an extensive selection of courses, tutorials, and coding challenges, all thoughtfully crafted to unleash the maximum potential of every individual learner.</div>
</div>
<div class="heading">Join Us in Celebrating Coding Ninjas:</div>
<div class="list">
<div class="list-item">BitWars participants and attendees are invited to join us in celebrating Coding Ninjas for their unwavering commitment to tech education and innovation.</div>
<div class="list-item">Their support is instrumental in making BitWars a remarkable event.</div>
</div>
<div class="heading">Explore Coding Ninjas:</div>
<div class="list">
<div class="list-item">You can explore their wide array of courses and resources by visiting their website at <a href="https://www.codingninjas.com" style="color: #3dd9d6;">https://www.codingninjas.com</a>.</div>
<div class="list-item">BitWars takes immense pride in being powered by Coding Ninjas, and together, we are forging a future where coding excellence knows no limits.</div>
<div class="list-item">A heartfelt thank you to Coding Ninjas for making BitWars an extraordinary journey!</div>
</div>
</div>
<div class="blur-container" id="blurContainer2">
<div class="heading">Student Coordinators:</div>
<ul class="list">
<li class="list-item"><strong>Anvesha Singh - </strong> 7862007499</li>
<li class="list-item"><strong>Harshit Singh - </strong> 9085843067</li>
</ul>
<div>
<a href="https://www.instagram.com/comsoc.vitcc/"><img src="assets/icons/icons8-instagram.svg" alt="Instagram logo">
<p class="list-item"><strong>Instagram:</strong> @comsoc.vitcc</p></a>
</div>
<div>
<a href="https://twitter.com/ieeecsvitc"><img src="assets/icons/icons8-twitterx-50.png" alt="X logo">
<p class="list-item"><strong>X:</strong> @ieeecsvitc</p></a>
</div>
<div>
<a href="https://www.linkedin.com/company/ieee-computer-society-vit-chennai/"><img src="assets/icons/icons8-linkedin.svg" alt="LinkedIn logo">
<p class="list-item"><strong>LinkedIn:</strong> IEEE Computer Society - VITC</p></a>
</div>
<div>
<a href="https://ieeecsvitc.com/"><img src="assets/icons/IEEE-CS_LogoTM-white 1.svg" alt="IEEE logo">
<p class="list-item"><strong>Website:</strong> IEEE Computer Society - VITC</p></a>
</div>
</div>
<img src="assets/icons/bitwars-logo.svg" alt="BitWars_logo" class="bitwars-logo" id="bitwars">
<p id="changing-text-blur" class="changing-text">Unleash your algorithmic <br><span>mastery</span></p>
<div class="countdown" id="countdown">
</div>
<div class="countdownText">
 days      hours     
minutes      seconds
</div>
<div class="flex-container">
<a href="https://www.vitchennaievents.com/conf1/index.php?eventid=1578" class="register-button">BitWars-Solo</a>
<a href="https://www.vitchennaievents.com/conf1/index.php?eventid=1579" class="register-button">BitWars-Duo</a>
<a href="https://www.vitchennaievents.com/conf1/index.php?eventid=1580" class="register-button">BitWars-Trio</a>
</div>
<script src="./assets/js/flexbox.js"></script>
</body>
</html>