-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
200 lines (189 loc) · 9.87 KB
/
Copy pathindex.html
File metadata and controls
200 lines (189 loc) · 9.87 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>replit</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body style="margin:0;">
<!-- class home needs some improvement -->
<div class="home">
<div class="homepart"><img style="float: left; padding: 25px; padding: 25px 0 0 25;" src="/codeyogilogo.png" width="70px">
<div style="height: 100px; padding: 50px 20px 20px 20px; text-align: right; text-decoration: none; ">
<a style="padding: 0px 20px; color: #FFFFFFD9; text-decoration: none;" href="#">HOME</a>
<a href="#about" style="padding: 0px 20px; color: #FFFFFFD9; text-decoration: none;" href="#">ABOUT</a>
<a style="padding: 0px 20px; color: #FFFFFFD9; text-decoration: none;" href="#">HOW IT WORKS?</a>
<a style="padding: 0px 20px; color: #FFFFFFD9; text-decoration: none;" href="#">CURRICULUM</a>
<a style="padding: 0px 20px; color: #FFFFFFD9; text-decoration: none;" href="#">CONTACT US</a>
<a style="padding: 0px 20px; color: #FFFFFFD9; text-decoration: none;"
href="https://codeyogi.io/links.html#top">LINKS</a>
</div></div>
<div class="homepart"><h1 class="mainhead" style=" font-size: 5em; text-align: center ; color: #FFFFFFD9; height: 60%; padding: 0px; ">
FREE SOFTWARE ENGINEERING TRAINING</h1></div>
<div class="homepart" >
<p class="mainhead" style="text-align:center; color: #FFFFFFD9;">
For underprivileged
youths, With Guaranteed Job.</p>
</div>
<div class="homepart" style="text-align: center;"><button
style="font-size: 20px; padding: 8px 25px ; margin: 160px 0px 85px 0px; background-color: #FFFFFFD9; ">REGISTER
NOW</button></div>
</div>
<!-- class whattodo done in perfect way -->
<div class="whattodo">
<h2>
WHAT WE DO?
</h2>
<p style="padding: 50px;">CodeYogi offers a totally free 6 months long software engineering training program that guarantees job to youth from low-income families. </p>
<p style="padding: 10px 50px 200px 50px;">All of our trainers are IIT graduates with stints at pioneering companies of the tech world. With our extensive network in the industry we scout the right jobs for our students and help them succeed.</p>
</div>
<!-- class methodology done in perfect way -->
<div class="methodology">
<h2>OUR METHODOLOGY</h2>
<div class="container1">
<span class="item1">
<img src="/s1.png" style="margin: 0 48%; width: 40px;">
<h3>STRICT VETTING</h3>
<p>Our goal is not to run hobby classes but instead to create job ready candidates. So we are selective
in who we
train. We conduct a mathematical aptitude test to filter out students who have the raw talent needed
for a
successful software engineering career. Then we take personal interview to check if they have strong
will needed
to achieve their dreams.</p>
</span>
<span class="item1">
<img src="/s2.png" style="padding: 0 48%; width: 60px;">
<h3>RIGOROUS TRAINING</h3>
<p>Selected students are trained rigorously for 6 months under the guidance of experienced mentors and
teaching
assistants. It’s not passive teaching; instead students build a number of apps as part of the
curriculum. We
keep our curriculum in constant sync with industry needs so that students are not taught anything
obsolete in
this fast moving tech world.</p>
</span>
<span class="item1">
<img src="/s3.png" style="padding: 0 48%; width: 60px;">
<h3>SOFT SKILLS COACHING</h3>
<p>We understand how important 'people skills' are for a successful career. That's why soft skills
coaching is an
integral part of our curriculum. We have a continuous feedback process in place to help you improve
and grow.
</p>
</span>
<span class="item1">
<img src="/s4.png" style="padding: 0 48%; width: 60px;">
<h3>PLACEMENT ASSISTANCE</h3>
<p>We conduct mock interviews and group discussions to instil confidence in students. Once the training
is complete
we help them in getting the right jobs by arranging interviews with our partner employers.</p>
</span>
</div>
</div>
<!-- class help needs some improvement -->
<div class="help" style="background-color: black; padding-top: 0px ;">
<img src="https://codeyogi.io/images/promo-1.jpg" style=" float: bottom; width: 60%; height: 550px; ">
<span style="height: 350px; display: inline-block; text-align: left; width: 30%; padding: 50px ;">
<h3 style=" padding-top: 0px; color: #FFFFFFD9;">HELP US IN HELPING THEM</h3>
<p style=" font-size: 20px;">If there are 12th pass underprivileged youth around you who are eager to work hard to change their lives, please let us know.</p>
<button style="font-size: 15px; padding: 8px 25px; background-color: #FFFFFFD9; ">LET's TALK</button>
</span>
</div>
<!-- class motivation done in perfact way -->
<div class="motivation" style="padding: 0 50px 50px 50px; padding-bottom: 80px;">
<h2>OUR MOTIVATION ?</h2>
<p style="padding-top: 50px;">This Quote from Talmud is our guiding force:</p>
<p style="padding: 50px 0;"> <i>"Do not be daunted by the enormity of the world's grief. Do justly now, love
mercy now, walk humbly now. You
are
not obligated to complete the work, but neither are you free to abandon it. "</i></p>
<p style="padding: 30px 0 20px 0;">So we are just honestly trying to do our bit to help achieve equality of
opportunity.</p>
</div><hr>
<!-- class teach done in perfact way -->
<div class="teach">
<h2>What do we teach?</h2>
<div class="container">
<span class="item">
<img src="/t1.png" style=" width: 100px;">
<h3>HTML, CSS</h3>
<p>Get started with Web development by learning HTML & CSS. Learn how to build responsive websites that
work well
across browsers.</p>
</span>
<span class="item">
<img src="/t2.png" style=" width: 100px;">
<h3>JAVASCRIPT, TYPESCRIPT</h3>
<p>Learn JS as your first programming language and then move to TS. Write code to do simple tasks like
printing
patterns to get comfortable with coding</p>
</span>
<span class="item">
<img src="/t3.png" style=" width: 100px;">
<h3>REACT, REDUX</h3>
<p>Learn how to use React to create SPAs with especial emphasis on code reusability. Also learn
effective state
management using Redux.</p>
</span>
<span class="item">
<img src="/t4.png" style="width: 100px;">
<h3>NODE.JS</h3>
<p>Learn how to create REST APIs using Node.js, Express.js and AdonisJs. Learn Async programming as well
as MVC
architecture.</p>
</span>
<span class="item"><img src="/t5.png" style="width: 100px;">
<h3>RELATIONAL DATABASES</h3>
<p>Learn SQL and also learn how to translate business requirements into database schema. Also learn
Lucid/Sequelize
ORM.</p>
</span>
<span class="item">
<img src="/t6.png" style="width: 100px;">
<h3>GIT, CI/CD, AWS</h3>
<p>Learn version controlling using git. Also learn CI/CD using tools like AWS Amplify, AWS CodeCommit
and CodeBuild.
</p>
</span>
</div>
</div>
<!-- part left to work on -->
<div>
<h3>STAY INFORMED WITH OUR NEWSLETTER</h3>
<input>
<button style=" color: red;">Subscribe</button>
<p> We respect your privacy and we will never spam you.</p>
<img src="https://join.codeyogi.io/assets/CodeYogiLogoBlack.8500a85f.svg" width="20px">
<br>
<h2>CONTACT</h2>
<h3>CALL US</h3>
<p>+91 7300 970 666</p>
<h3>ADDRESS</h3>
<p>IT Park, Dehradun</p>
<h3>EMAIL</h3>
<a href="mail/hello@codeyogi.io">hello@codeyogi.io</a><br>
<input placeholder="name"><br>
<input placeholder="Mobile No.">
<br>
<textarea placeholder="Message" cols="30" rows="10"></textarea>
<br>
<button>OPEN THE MAP</button>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d50349.44029569998!2d78.06614239176999!3d30.372717707519918!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xfdfb94bb455d5bea!2sDoon%20IT%20Park!5e1!3m2!1sen!2sin!4v1609439123504!5m2!1sen!2sin"
height="45%" width="100%"></iframe>
<br>
<a href="https://www.facebook.com/TheCodeYogi/">Facebook</a>
<a href="https://twitter.com/TheCodeYogi_">Twitter</a>
<a href="https://www.linkedin.com/company/thecodeyogi/">LinkedIn</a>
<a href="https://www.youtube.com/c/CodeYogi">TouTube</a>
<a href="https://www.instagram.com/TheCodeYogi/">Instagram</a>
<br>
<a href="https://codeyogi.io/#">©CODEYOGI 2022</a>
<p>All rights reserved.</p>
<script src="script.js"></script>
<script src="https://replit.com/public/js/replit-badge.js" theme="blue" defer></script>
</div>
</body>
</html>