-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathwebdev.html
221 lines (195 loc) · 11 KB
/
webdev.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
<!DOCTYPE html>
<html lang="en">
<style type="text/css">
@media (max-width:991px) {
.col-md-12 h2{
margin-top: 100px;
}
.colorlib-navbar-brand img{
transform: scale(3);
margin-left: 50px;
}
}
</style>
<head>
<title>Webdevelopent Workshop</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css?family=Work+Sans:100,200,300,400,700,800" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i" rel="stylesheet">
<link rel="stylesheet" href="css/open-iconic-bootstrap.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/aos.css">
<link rel="stylesheet" href="css/ionicons.min.css">
<link rel="stylesheet" href="css/bootstrap-datepicker.css">
<link rel="stylesheet" href="css/jquery.timepicker.css">
<link rel="stylesheet" href="css/flaticon.css">
<link rel="stylesheet" href="css/icomoon.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<nav id="colorlib-main-nav" role="navigation">
<a href="#" class="js-colorlib-nav-toggle colorlib-nav-toggle active"><i></i></a>
<div class="js-fullheight colorlib-table">
<div class="colorlib-table-cell js-fullheight">
<div class="row d-flex justify-content-end">
<div class="col-md-12 px-5">
<ul class="mb-5">
<li><a href="index.html"><span>Home</span></a></li>
<li><a href="model.html"><span>About</span></a></li>
<li><a href="travel.html"><span>Contact US</span></a></li>
</ul>
</div>
<div class="col px-5 copyright">
<p>Powered By IEEE Student Branch</p>
</div>
</div>
</div>
</div>
</nav>
<div id="colorlib-page">
<header>
<div class="container-fluid">
<div class="row no-gutters">
<div class="col-md-12">
<div class="colorlib-navbar-brand">
<img src="logoiee2.png" class="logo" style="width:13%;" class="w3-round"><br><br>
</div>
<a href="#" class="js-colorlib-nav-toggle colorlib-nav-toggle"><i></i></a>
</div>
</div>
</div>
</header>
<section class="ftco-fixed clearfix">
<div class="image js-fullheight float-left">
<div class="home-slider owl-carousel js-fullheight">
<div class="slider-item js-fullheight" style="background-image: url('images/bg_1.jpg');">
<div class="overlay"></div>
<div class="container">
<div class="row slider-text align-items-end" data-scrollax-parent="true">
<div class="col-md-10 col-sm-12 ftco-animate" data-scrollax=" properties: { translateY: '70%' }">
<p class="breadcrumbs"><span><a href="index.html">Home</a></span> <span>IEEE Student Branch</span></p>
<h1 class="mb-3" data-scrollax="properties: { translateY: '30%', opacity: 1.6 }"></h1>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end:image -->
<div class="page-container float-right">
<div class="row">
<div class="col-md-12">
<h2 class="mb-3">#5.WebDevelopment</h2>
<p>Description:Web development is the work involved in developing a website for the Internet or an intranet. Web development can range from developing a simple single static page of plain text to complex web-based internet applications,
electronic businesses, and social network services.Web development may be a collaborative effort between departments rather than the domain of a designated department. There are three kinds of web developer specialization:
front-end developer, back-end developer, and full-stack developer. Front-end developers are responsible for behavior and visuals that run in the user browser,while back-end developers deal with the servers. </p>
<p>
<img src="images/web2.jpg" alt="" class="img-fluid">
</p>
<h3>Topics Covered:</h3>
<ul>
<li>Learn HTML,CSS</li>
<li>Geeting started with java script.</li>
<li>Creating a sample webpage.</li>
<li>Working on servers by using nodejs.</li>
<li>Learn Php</li>
</ul>
<h3>Eligibility:</h3>
<p>Anybody and everybody is welcome. If you know nothing about code or markup and want to get started in web development then this will be good for you.</p>
<h3>Skills you will gain:</h3>
<ul>
<li>Discover the basics of how web browsers work</li>
<li>Discover how to write solid HTML</li>
<li>Discover how to style your content to reflect your vision using CSS</li>
<li>Discover the basics of programming which apply in language</li>
<li>Discover how to write JavaScript for the browser</li>
<li>Discover how to code JavaScript for the server using node.js and Express</li>
</ul>
<h3>Prerequisite:</h3>
<p>None</p>
<h3>Fee:</h3>
<ul>
<li>IEEE Member(CS): ₹ 30</li>
<li>IEEE Member(Non CS): ₹ 50</li>
<li>Non IEEE Member: ₹ 80</li>
</ul>
<h3>Duration:</h3>
<p>8 hours (4 hour per day)</p>
<h3>Certificate Provided:</h3>
<p>Yes</p>
<h3>Note:</h3>
<ul>
<li>Relevant links will be sent via email after registration.</li>
<li>Tickets are NON REFUNDABLE</li>
<li>Laptops are required but not mandatory to bring</li>
<li>No flaming. No flooding. No spamming.</li>
</ul>
<h1><b class="text-muted"><button type="button" class="btn btn-primary">Register Here</button></b></h1>
<div class="tag-widget post-tag-container mb-5 mt-5">
<div class="tagcloud">
<a href="#" class="tag-cloud-link">HTML</a>
<a href="#" class="tag-cloud-link">CSS</a>
<a href="#" class="tag-cloud-link">Java Script</a>
<a href="#" class="tag-cloud-link">Nodejs</a>
<a href="#" class="tag-cloud-link">PHP</a>
</div>
</div>
<div class="comment-form-wrap pt-5">
<h3 class="mb-5">Leave a comment</h3>
<form action="#" class="bg-light p-4">
<div class="form-group">
<label for="name">Name *</label>
<input type="text" class="form-control" id="name">
</div>
<div class="form-group">
<label for="email">Email *</label>
<input type="email" class="form-control" id="email">
</div>
<div class="form-group">
<label for="website">Website</label>
<input type="url" class="form-control" id="website">
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea name="" id="message" cols="30" rows="10" class="form-control"></textarea>
</div>
<div class="form-group">
<input type="submit" value="Post Comment" class="btn py-3 px-4 btn-primary">
</div>
</form>
</div>
</div>
</div>
<!-- .col-md-12 -->
</div>
</div>
<!-- end: page-container-->
</section>
<!-- loader -->
<div id="ftco-loader" class="show fullscreen">
<svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery-migrate-3.0.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/aos.js"></script>
<script src="js/jquery.animateNumber.min.js"></script>
<script src="js/scrollax.min.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
<script src="js/jquery.timepicker.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
<script src="js/google-map.js"></script>
<script src="js/main.js"></script>
</body>
</html>