homepage-with-sidebar/kecitclub.html at master · kec-it-club/homepage-with-sidebar · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<link rel="stylesheet" href="sidebar.css">
</head>
<body>

	<div id="wrapper">
		<!--Sidebar-->
			<div id="sidebar-wrapper">
			<a class="logo" href="http://www.itclub.keckist.edu.np"><img src="kecitclub.png" width="246"></a><hr>
				<ul class="sidebar-nav">
					<li><a href="#"><span class="glyphicon glyphicon-home"></span>Home</a></li><hr>
					<li><a href="#"><span class="glyphicon glyphicon-user"></span>Account</a></li><hr>
					<li><a href="#"><span class="glyphicon glyphicon-plus-sign"></span>Register</a></li><hr>
					<li><a href="#"><span class="glyphicon glyphicon-calendar"></span>Events</a></li><hr>
					<li><a href="#"><span class="glyphicon glyphicon-list-alt"></span>Articles</a></li><hr>
					<li><a href="#"><span class="glyphicon glyphicon-picture"></span>Gallaries</a></li><hr>
					<li><a href="#"><span class="glyphicon glyphicon-phone"></span>Contact US</a></li><hr>
					<li><a href="https://wego.here.com/directions/mix//KEC-I.T.-Club,-Kathmandu,-Nepal:e-eyJuYW1lIjoiS0VDIEkuVC4gQ2x1YiIsImFkZHJlc3MiOiJLYXRobWFuZHUsIE5lcGFsIiwibGF0aXR1ZGUiOjI3LjY5ODM0LCJsb25naXR1ZGUiOjg1LjI5NTYyLCJwcm92aWRlck5hbWUiOiJmYWNlYm9vayIsInByb3ZpZGVySWQiOjExOTE3NTM5NzA4NTczMDR9?map=27.69834,85.29562,15,normal&fb_locale=en_US"><span class="glyphicon glyphicon-map-marker"></span>Where are we?</a></li><hr>
					<li><a href="#"><span class="glyphicon glyphicon-log-out"></span>Logout</a></li>
				</ul>
			</div>
		<!-- Main Content-->
		<!--<div id="button-wrapper">
			<input type="button" class="btn btn-primary" id="menu-toggle" value=">>"/>
		</div>-->
		<div class="container" onclick="myFunction(this)">
  		 	<div class="bar1"></div>
 		 	<div class="bar2"></div>
  		 	<div class="bar3"></div>
			<div id="page-content-wrapper">
				<div class="container-fluid">
					<div class="row">
						<div class="col-md-12">
							<h1>Kathmandu Engineering College IT Club</h1>
							<p>KEC IT Club is a student organization intended to facilitate the students with an opportunity to learn about the whereabouts of the technological evolve in the computer sector. The main purpose of this club is to share ideas in the IT sector allowing students to understand the potential and future of information technology.

							This club is formed by the students of KEC, into its third year of eenstablishment. The very first tenure of KEC IT Club was led by Prabal Man Dhaubhadel as President. From providing assistance in ongoing projects of students to organizing workshops on different programming languages along with counseling students this club is continuously active throughout the calendar.

		<div id="executive">Current Executive Member of KEC IT Club:</div>
		<pre>
		<b>President:</b>Pranay Shrestha
		<b>Vice President:</b>Amit Chaudhary
		<b>Secretary:</b>Safal Pandey
		<b>Treasurers:</b>Suvash Vishowkarma, Swapnil Man Joshi
		<b>Program Coordinators:</b>Aayusha Shrestha, Anushka Shrestha, Sajesh Adhikari
		<b>Resource Managers:</b>Shreeson Shrestha, Krishna Sapkota
		<b>Developers Community Leads:</b>Suravi Regmi, Sunim Acharya, Unique Maharjan
		<b>Workshop Community Leads:</b>Shradha Neupane, Kiran Koirala ,Sonika Baniya
		<b>Designers Community Leads:</b>Kamal Paneru, Rabin Gautam, Manish Parajuli
		</pre>
						</div>
					</div>
					KEC IT Club has been actively organizing several programs throughout the year for empowering IT knowledge. This club recruits the active and willing volunteers even from the non IT field to participate in their activities to flow the IT knowledge everywhere around. The main event of the club was the workshop on Python and GIT last year along with a lot of events to be conducted this year.
				</div>
			</div>
		</div>
		<script type="text/javascript" src="script.js"></script>
		<script type="text/javascript">
		function myFunction(x){
			x.classList.toggle("change");
			$('.sidebar-wrapper').toggle('fast');
			$("#wrapper").toggleClass("menuDisplayed");
		}
	</script>

</body>
</html>