-
Notifications
You must be signed in to change notification settings - Fork 3
/
home2.html
226 lines (208 loc) · 12.8 KB
/
home2.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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="home2.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;500;700&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link
href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@600&family=Roboto:wght@300;500;700&family=Shippori+Mincho:wght@600&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>CodeFlix</title>
</head>
<body>
<!--navbar starts -->
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fa fa-reorder"></i>
</label>
<label class="logo">CodeFlix</label>
<ul>
<li><a href="index.html">Technical Events </a></li>
<li><a href="#connect">Connect & Learn </a></li>
<li><a href="#fun">Fun Code-Hub </a></li>
<li><a href="#head-white">About </a></li>
<li><a href="#footer">Contact </a></li>
</ul>
</nav>
<!--Main Content-->
<main>
<div class="top-main">
<p class="main-title">CodeFlix</p>
<p class="text-ani"></p>
</div>
<div class="container" id="home">
<div class="main-cont">
<div class="top-most-box">
<h2 class="about-head" id="head-white"> OUR VISION</h2>
<p style="padding: 30px;" class="main-description"> In the world of NETFLIX AND CHILL,
we want to aim to promote the culture of CODEFLIX AND UPSKILL. In short, we want to fuel the spirit of learning in a fun way. It will basically be one stop solution for all the tech enthusiasts, from information about
various technical opportunities, to resources, to podcasts, to memes and tech humour..</p>
<button type="submit" class="register" id="register"><a href="registration.html" class="learn">
<p>Sign Up</p>
</a></button>
<p class="quest-text">Already have an account ? <a href="registration.html" class="Login-link-text">Login</a></p>
</div>
</div>
<div class="background">
<img src="team.svg" alt="" class="image-top">
</div>
</div>
<div class="container-two">
<img src="event.svg" alt="" class="images">
<div class="main-content-two">
<p class="about-head" id="head-blue">OUR SERVICES</p>
<p class="main-description" id="sub-section-2">
1)Technical Opportunities which will basically
make people aware of the upcoming Hackathons, Coding Contests, Open source events
and even provide information
about opportunities available to women to promote diversity and encourage women in tech.
</p>
<p class="main-description" id="sub-section-2">
2)Connect and Learn - The most exciting things about this section is the tech podcasts of all sorts which are going
to bring thrill in your tech life . Apart from that , We learn better when we are together !! we are providing
Opportunities to network with corporate tech sponsors, Internship ,
community of like-minded friends and colleagues from all over the
world, top podcasts related to technology. we want to give the learning a proper direction. </p>
<p class="main-description" id="sub-section-2">
3)FunCodeHub - I guess we all really love to read memes especially Coding Memes , Don't you too ?
We are now living in a world where one trending meme can change the whole crowd's mindset
and the fun along it's way really does bring excitement & enthusiasm . We now have this
section "FunCodeHub " where users will be thrilled to read from the daily coding memes
with the trend & even post them from their respecitive accounts , too much fun right ? </p>
</p>
<p class="main-description" id="sub-section-2">
So , how is this platform different from others ? Well , what makes this platform spe
cial is the versatality it provides whether you are new to programming and want
some direction in this programming world , open source , coding me
ether you are just on your way or even Pro , our website is here for you for everything !</p>
<button type="submit" class="register" id="register-blue"><a href="services.html" class="learn">Learn
More</a></button>
</div>
</div>
<div class="container" id="home">
<div class="main-cont" id="container-3">
<div class="top-most-box" id="sub-sec-3">
<h2 class="about-head" id="head-white">COMING SOON :-</h2>
<p style="padding: 30px;" class="main-description" id="main-des-green">
We at CodeFlix have been constantly working on providing
some of the best features on our website for best user experience. The sky is the limit ! We'll be adding more content asap in the future
and hoping to meet your enthusiasm so you never miss an update/fun/learning on anything ! So stay tuned as we'll be
creating more & more content for you to have a smooth ride as a tech enthusiast
We are also planning to expand this idea further in future after this
hackathon by adding features such as forums, road maps,
blogs and a way to collaborate people on their personal projects with each other..</p>
</div>
</div>
<div class="background">
<img src="pair.svg" alt="" class="image-top" id="image-three">
</div>
</div>
<div class="develop-container">
<h1 class="developher-heading">DevelopHers</h1>
<div class="card-wrapper">
<div class="card">
<img class="card-img" src="images/bg1.jpg" alt="card-background">
<img class="profile-image" src="images/profile (3).jpeg" alt="profile-image">
<h1>Khushi Jain</h1>
<p class="title">Front-End & Backend Developer</p>
<a href="https://www.linkedin.com/in/khushi0704/" class="developher-btn">Connect</a>
<ul class="media-link">
<li><a href="https://github.com/khushi0704"><i class="fa fa-github"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://www.linkedin.com/in/khushi0704/"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
<div class="card" id="card-2">
<img class="card-img" src="images/bg2.jpg" alt="card-background">
<img class="profile-image" src="images/profile (1).jpeg" alt="profile-image">
<h1>Pratishtha Singh</h1>
<p class="title">Back-end Developer</p>
<a href="https://www.linkedin.com/in/pratishtha-singh-7216981b8/" class="developher-btn">Connect</a>
<ul class="media-link">
<li><a href="https://github.com/Pratishtha33"><i class="fa fa-github"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://www.linkedin.com/in/pratishtha-singh-7216981b8/"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
<div class="card" id="card-3">
<img class="card-img" src="images/bg3.jpg" alt="card-background">
<img class="profile-image" src="images/profile (2).jpeg" alt="profile-image">
<h1>Saumaya Hada</h1>
<p class="title">Front-end Developer</p>
<a href="https://www.linkedin.com/in/saumya-hada-1761141a6" class="developher-btn">Connect</a>
<ul class="media-link">
<li><a href="https://github.com/saumyahada"><i class="fa fa-github"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://www.linkedin.com/in/saumya-hada-1761141a6"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
<div class="card" id="card-4">
<img class="card-img" src="images/bg4.jpg" alt="card-background">
<img class="profile-image" src="images/profile (4).jpeg" alt="profile-image">
<h1>Krati Jain</h1>
<p class="title">Frontend UI Designer</p>
<a href="https://www.linkedin.com/in/iamkrati22/" class="developher-btn">Connect</a>
<ul class="media-link">
<li><a href="https://github.com/iamkrati22"><i class="fa fa-github"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://www.linkedin.com/in/iamkrati22/"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</main>
<!--Another main -->
<!--footer starts -->
<footer>
<div class="content">
<div class="left box">
<div class="upper">
<div class="topic" class="footer-head">ABOUT US</div>
<p class="about-us-footer">Kickstarter biodiesel roof party wayfarers cold-pressed. Palo santo
live-edge tumeric scenester copper mug flexitarian. Prism vice offal plaid everyday carry.
Gluten-free chia VHS squid listicle artisan.</p>
</div>
<div class="lower">
<div class="topic">CONTACT US</div>
<div id="Contact-us">
<div class="phone" class="phone-and-email">
<a href="#"><i class="fa fa-phone"></i>0761-485748</a>
</div>
<div class="email" class="phone-and-email">
<a href="#"><i class="fa fa-envelope"></i>support@nerdcoders.com</a>
</div>
</div>
</div>
</div>
<div class="middle box">
<div class="topic">SERVICES</div>
<div class="sub-head-footer"><a href="#">Team</a></div>
<div class="sub-head-footer"><a href="#">About</a></div>
<div class="sub-head-footer"><a href="#">Contact</a></div>
</div>
<div class="right box">
<div class="topic">SEND FEEDBACK</div>
<input type="text" placeholder="">
<input type="submit" name="" value=" Send ">
<div class="media-icons">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-github"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
</div>
</div>
<div class="bottom">
<p class="copyright-footer">Copyright © 2020 <a href="#">NerdCoders</a> All rights reserved</p>
</div>
</div>
</footer>
</body>
</html>