-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
222 lines (177 loc) · 7.52 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Skill Development India</title>
<link href="https://fonts.googleapis.com/css?family=Montserrat:500|Lato|Roboto" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Alegreya|Lato" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!------ Banner ------>
<div id="logo"></div>
<div class="navigation">
<div class="navigation_button">
<span class="navigation_icon "> </span>
</div>
<div class="navigation_background"> </div>
<div class="navigation_nav">
<ul class="navigation_list">
<li class="navigation_item"><a href="#banner" class="navigation_link">Home</a></li>
<li class="navigation_item"><a href="#services" class="navigation_link">Service</a></li>
<li class="navigation_item"><a href="#project_section" class="navigation_link">Projects</a></li>
<li class="navigation_item"><a href="#team_section" class="navigation_link">Team</a></li>
<li class="navigation_item"><a href="#contact_section" class="navigation_link">Contact</a></li>
</ul>
</div>
</div>
<section id="banner">
<div class="wrapper">
<div class="content">
<p>"Skill India mission is not merely to fill pockets but to bring a sense of self-confidence among the poor" : PM Modi</p>3
<p><a href="#">Learn More!!</a></p>
<!--<h6 class="contact"><a href="#">Contact Us</a></h6>-->
<!--<p><button class="bttn-pill bttn-lg bttn-default contact">Contact Us</button></p>-->
<button class="contact">Get Started</button>
</div>
</div>
</section>
<!-- Services -->
<section id="services">
<div class="service_container">
<div class="section_title">
<p>We Provide <br> Employment Opportunities to Unemployed Skilled Workers</p>
<p>The unskilled workers who get trained and are unemployed are getting opportunities to get jobs in the field of their skilled profression.</p>
</div>
<div class="service">
<div class="web_development">
<h4>Calling</h4>
<p>We will call all the skilled workers and inform them about the initiative! </p>
</div>
<div class="ui">
<h4>Interaction with Companies</h4>
<p>The companies can intereact with the potential candidates.</p>
</div>
<div class="software_deveopment">
<h4>Hiring</h4>
<p>Companies can hire such potential candidates.</p>
</div>
</div>
</div>
</section>
<!-- Projects -->
<section id="project_section">
<div class="project_container">
<div class="section_title">
<p>our<br>Job Postings</p>
<p>Various skills are added including Carpentry,plumbing etc.</p>
</div>
</div>
</section>
<!-- Team -->
<section id="team_section">
<div class="team_container">
<div class="section_title">
<p>our<br>team members</p>
<p>we are a small team of passionate btech students. We always look at the big picture and believe every buisness.</p>
</div>
<div class="team">
<div class="team_wrapper">
<!--<span class="post">
<h3>Manager</h3>
</span>-->
<span>
<div class="social">
<h3>Shivay Lamba</h3>
<!-- <p></p> Hanan Poole, Rylee Walker, caitlin forbes-->
</div>
</span>
<img src="images/team1.jpg" alt="team1">
</div>
<div class="team_wrapper">
<span>
<div class="social">
<h3>Harshit Gupta</h3>
<!-- <p></p> Hanan Poole, Rylee Walker, caitlin forbes-->
</div>
</span>
<img src="images/team2.jpg" alt="team2">
</div>
<div class="team_wrapper">
<span>
<div class="social">
<h3>Janardhan</h3>
<!-- <p></p> Hanan Poole, Rylee Walker, caitlin forbes-->
</div>
</span>
<img src="images/team3.jpg" alt="team3">
</div>
<div class="team_wrapper">
<span>
<div class="social">
<h3>Sarthak Bhutani</h3>
<!-- <p></p> Hanan Poole, Rylee Walker, caitlin forbes-->
</div>
</span>
<img src="images/team4.jpg" alt="team4">
</div>
</div>
</div>
</section>
<!-- Review -->
<section id="review_section">
<div class="review_container">
</div>
</section>
<!-- Partners -->
<section id="partners">
</section>
<!-- Blog -->
<section id="blog_section">
</section>
<!-- Contact Us -->
<section id="contact_section">
<div class="contact_container">
<form class="form-section clearfix">
<div class="top">
<p>Do contact us!</p>
<div class="fit name">
<input type="text" placeholder="Name">
<img src="images/name.png" alt="Name">
</div>
<div class="fit mail">
<input type="text" placeholder="Email">
<img src="images/mailid.png" alt="Email">
</div>
</div>
<div class="message">
<textarea name="Message" id="message" cols="30" rows="10" placeholder="Message"></textarea>
<img src="images/message.png" alt="Message">
</div>
<button>Send</button>
</form>
<div class="our_office">
<h3>Our Office</h3>
<div class="office_content office_home">
<img src="images/home.png" alt="home">
<p>Maharaja Agrasen Institute of Technology <br> Rohini, New Delhi</p>
</div>
<div class="office_content office_phone">
<img src="images/call.png" alt="phone">
<p>+98******02</p>
</div>
<div class="office_content office_mail">
<img src="images/mail.png" alt="mail">
</div>
</div>
</div>
</section>
<!-- Fotter -->
<fotter>
<p>©Copyright 2018 by FANASTIC 4. All Rights Reserved. Developed by FANTASTIC 4</p>
</fotter>
<script src="script.js"></script>
</body>
</html>