-
Notifications
You must be signed in to change notification settings - Fork 0
/
leadership.html
151 lines (136 loc) · 4.67 KB
/
leadership.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
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicon Icon -->
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
<!-- All css here -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/meanmenu.css">
<link rel="stylesheet" href="css/material-design-iconic-font.min.css">
<link rel="stylesheet" href="css/themify-icons.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/jquery.circliful.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="css/responsive.css">
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Header Area Start -->
<div id="header-area" class="header-area">
<div class="container">
<div class="row">
<div class="col-xs-12">
<a href="index.html" class="logo float-left"><img src="img/logo/name.png" alt="logo"></a>
<button class="menu-open float-right"><i class="ti-list"></i></button>
</div>
</div>
</div>
</div>
<!-- Menu Area Start -->
<div id="menu-area" class="menu-area">
<div class="main-menu text-center">
<button class="menu-close"><i class="ti-close"></i></button>
<nav>
<ul>
<li class=""><a href="index.html">home</a></li>
<li class=""><a href="about.html">about</a></li>
<li class=""><a href="portfolio.html">portfolio</a></li>
<li class=""><a href="Education.html">education</a></li>
<li class="active"><a href="leadership.html">involvement</a></li>
<li class=""><a href="Photography.html">photography</a></li>
</ul>
</nav>
</div>
</div>
<!-- Header Area End -->
<!-- Banner Area Start -->
<div class="banner-area-wrapper about">
<div class="banner-area text-center">
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="banner-content-wrapper">
<div class="banner-content">
<h2>Leadership</h2>
<div class="banner-breadcrumb">
<ul>
<li><a href="index.html">home </a><i class="zmdi zmdi-arrow-right"></i></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<section id="portfolio">
<figure class="effect-bubba">
<img src="img/project/project2.jpg" alt="Cut & Fill" class="img-responsive" />
<figcaption>
<h2>International Student Orientation</h2>
<p>Ambassador</p>
</figcaption>
</figure>
<figure class="effect-bubba">
<img src="img/project/project6.png" alt="Chess Tournament" class="img-responsive" />
<figcaption>
<h2>Club Leadership</h2>
</figcaption>
</figure>
<figure class="effect-bubba">
<img src="img/project/webinar.JPG" alt="Street Photography" class="img-responsive" />
<figcaption>
<h2>Live Webinar</h2>
<p>Answer prospective Cal Poly students' questions</p>
</figcaption>
</figure>
<figure class="effect-bubba">
<img src="img/project/campaign.JPG" alt="Summer Camp" class="img-responsive" />
<figcaption>
<h2>Public Campaign</h2>
</figcaption>
</figure>
<figure class="effect-bubba">
<img src="img/project/chess1.JPG" alt="Summer Camp" class="img-responsive" />
<figcaption>
<h2>Intecollegiate Chess Tournament</h2>
<p>Co-organized with UCLA annually</p>
</figcaption>
</figure>
</section>
<div class="footer-bottom two pt-12 pb-10 text-center">
<div class="container">
<div class="row">
<div class="col-xs-12">
<p>“Leadership and learning are indispensable to each other.”</p>
<p>-John F. Kennedy</p>
</div>
</div>
</div>
</div>
</div
<!-- Footer Area End -->
<!-- All js here -->
<script src="js/vendor/jquery-1.12.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/ajax-mail.js"></script>
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/isotope.pkgd.min.js"></script>
<script src="js/jquery.magnific-popup.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
</body>
</html>