-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
223 lines (196 loc) · 8.81 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
223
<!DOCTYPE HTML>
<html>
<head>
<title>React_Demo</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body>
<div id="page-wrapper">
<!-- Header -->
<div id="header">
<!-- Logo -->
<h1><a href="index.html" id="logo"><img src="images/profile.jpg" alt="Logo" />React_Demo <em>by VinmayiSwamy</em></a></h1>
<!-- Nav -->
<nav id="nav">
<ul>
<li class="current"><a href="index.html">Home</a></li>
<li>
<a href="#">Dropdown</a>
<ul>
<li>
<a href="#">Submenu</a>
<ul>
<li><a href="resume/index.html" target="_blank">MyResume</a></li>
<li><a href="myform.html">MyForm</a></li>
</ul>
</li>
<li><a href="resume/index.html" target="_blank">MyResume</a></li>
<li><a href="myform.html">MyForm</a></li>
</ul>
</li>
<li><a href="resume/index.html" target="_blank">MyResume</a></li>
<li><a href="myform.html">MyForm</a></li>
</ul>
</nav>
</div>
<!-- Banner -->
<!-- <section id="banner">
<header>
<h2>React_Demo: <em>A responsive site demo by <a href="#">VinmayiSwamy</a></em></h2>
<a href="#" class="button">Learn More</a>
</header>
</section>
-->
<!-- Main -->
<section class="wrapper style1">
<div class="container">
<div class="row 200%">
<div class="3u 12u(narrower)">
<div id="sidebar1">
<!-- Sidebar 1 -->
<section>
<h3>APSSDC</h3>
<p> The Govt. of AP has formed 7 different Missions to achieve double digit growth for the state and to make AP among the most developed state in the country. Among these, the Knowledge and Skills Mission has been formed to provide trained and skilled manpower to all other Missions. To bring the faster execution State Government Andhra Pradesh has established The Department of Skill Development and Training has been further created to coordinate and synergize skilling efforts of all departments. Under which APSSDC is formed.</p>
<footer>
<a href="#" class="button">Continue Reading</a>
</footer>
</section>
<section>
<h3>Public Notices</h3>
<ul class="links">
<marquee direction="up" behaviour="scroll" scrolldelay=300>
<li><a href="#">Webinar on AWS</a></li>
<li><a href="#">Webinar on Cloud computing</a></li>
<li><a href="#">Webinar on linux shell scripting</a></li>
<li><a href="#">Webinar on Cyber Security</a></li>
<li><a href="#">Webinar on AI/ML</a></li>
</marquee>
</ul>
<footer>
<a href="#" class="button">More</a>
</footer>
</section>
</div>
</div>
<div class="6u 12u(narrower) important(narrower)">
<div id="content">
<!-- Content -->
<article>
<header>
<h2>Video</h2>
<p>Yup. A sample video here.</p>
</header>
<span class="image featured">
<video controls>
<source src=http://techslides.com/demos/sample-videos/small.webm type=video/webm>
<source src=http://techslides.com/demos/sample-videos/small.ogv type=video/ogg>
<source src=http://techslides.com/demos/sample-videos/small.mp4 type=video/mp4>
<source src=http://techslides.com/demos/sample-videos/small.3gp type=video/3gp>
</video>
</span>
<header>
<h2>Audio</h2>
<p>Yup. A sample audio here.</p>
</header>
<span class="image featured">
<audio width="820" controls autoplay="autoplay">
<source src="images/audio.mp3" type="audio/mp3">
</audio>
</span>
<p>Andhra Pradesh has a population of 4.94 Crore as 10 populous state of country. The state has 13 districts,Andhra Pradesh is strategically located with a 974 km coastline, The state has 30 existing urban centers, 3 mega cities and 12 smart cities planned. Andhra Pradesh has a huge potential for the job market as the various industrial belts are been planned.</p>
<h3>About the organization</h3>
<p>The Govt. of AP has formed 7 different Missions to achieve double digit growth for the state and to make AP among the most developed state in the country. Among these, the Knowledge and Skills Mission has been formed to provide trained and skilled manpower to all other Missions. To bring the faster execution State Government Andhra Pradesh has established The Department of Skill Development and Training has been further created to coordinate and synergize skilling efforts of all departments. Under which APSSDC is formed.</p>
<p>Andhra Pradesh has a population of 4.94 Crore as 10 populous state of country. The state has 13 districts,Andhra Pradesh is strategically located with a 974 km coastline, The state has 30 existing urban centers, 3 mega cities and 12 smart cities planned. Andhra Pradesh has a huge potential for the job market as the various industrial belts are been planned.</p>
</article>
</div>
</div>
<div class="3u 12u(narrower)">
<div id="sidebar2">
<!-- Sidebar 2 -->
<section>
<h3>Notifications</h3>
<ul class="links">
<marquee direction="up" behaviour="scroll">
<li><a href="#">Reactjs training batch</a></li>
<li><a href="#">Python programming training</a></li>
<li><a href="#">AWS Cloud computing</a></li>
<li><a href="#">Digital Beti programme</a></li>
<li><a href="#">GOAL Tribal Development</a></li>
<li><a href="#">Linux Shell Scripting Training</a></li>
</marquee>
</ul>
<footer>
<a href="#" class="button">More</a>
</footer>
</section>
<section>
<h3>Context</h3>
<p>Andhra Pradesh has a population of 4.94 Crore as 10 populous state of country. The state has 13 districts,Andhra Pradesh is strategically located with a 974 km coastline, The state has 30 existing urban centers, 3 mega cities and 12 smart cities planned. Andhra Pradesh has a huge potential for the job market as the various industrial belts are been planned.</p>
<footer>
<a href="#" class="button">Continue Reading</a>
</footer>
</section>
</div>
</div>
</div>
</div>
<!-- Gallery -->
<article id="article" class="article">
<header style="text-align: center;">
<h2>Gallery</h2>
<p>Some quick snapshots of APSSDC.</p>
</header>
<section class="section">
<img src="images/gallery/1.jpg" alt="bird pic">
</section>
<section class="section">
<img src="images/gallery/2.jpg" alt="bird pic">
</section>
<section class="section">
<img src="images/gallery/3.jpg" alt="bird pic">
</section>
<section class="section">
<img src="images/gallery/4.jpg" alt="bird pic">
</section>
<section class="section">
<img src="images/gallery/5.jpg" alt="bird pic">
</section>
<section class="section">
<img src="images/gallery/6.png" alt="bird pic">
</section>
<section class="section">
<img src="images/gallery/7.jpg" alt="bird pic">
</section>
<section class="section">
<img src="images/gallery/8.jpg" alt="bird pic">
</section>
</article>
</section>
<!-- Footer -->
<div id="footer">
<!-- Icons -->
<ul class="icons">
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon fa-github"><span class="label">GitHub</span></a></li>
<li><a href="#" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="#" class="icon fa-google-plus"><span class="label">Google+</span></a></li>
</ul>
<!-- Copyright -->
<div class="copyright">
<ul class="menu">
<li>© Untitled. All rights reserved</li><li>Design: <a href="#">VINMAYI SWAMY</a></li>
</ul>
</div>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>