forked from TeamAF/ICU-Website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
executives.html
82 lines (79 loc) · 6.33 KB
/
executives.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
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/css/bootstrap.min.css" integrity="sha384-2hfp1SzUoho7/TsGGGDaFdsuuDL0LX2hnUp6VkX3CUQ2K4K+xjboZdsXyp4oUHZj" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/js/bootstrap.min.js" integrity="sha384-VjEeINv9OSwtWFLAtmc4JCtEJXXBub00gtSnszmspDLCtC0I4z4nqz7rEFbIZLLU" crossorigin="anonymous"></script>
<script src="execs.js"></script>
<link rel="stylesheet" type="text/css" href="css/general.css">
<link rel="stylesheet" type="text/css" href="css/executives-list.css">
<!--<script src="https://unpkg.com/masonry-layout@4.1/dist/masonry.pkgd.js"></script>
<script type="text/javascript" src="./tilesUI.js"</script> -->
</head>
<body>
<!-- NAVBAR -->
<div class="container">
<a href="./index.html"><img class="logo "src="./img/title.png"></a>
</div>
<nav class="navbar navbar-default bg-white">
<div class="nav navbar-nav">
<a class="nav-item nav-link" href="./index.html">HOME</a>
<a class="nav-item nav-link eventDropdown" href="./events.html">EVENT
<i class="fa fa-caret-down" aria-hidden="true"></i>
<div class="eventDropdownContent"><ul>
<li>EVENT</li>
<li>EVENT</li>
<li>EVENT</li>
<li>EVENT</li>
<li>EVENT</li>
<li>EVENT</li>
</ul></div>
</a>
<a class="nav-item nav-link" href="./sponsors.html">SPONSORS</a>
<a class="nav-item nav-link" href="#">ABOUT</a>
<a class="nav-item nav-link active" href="./executives.html">EXECUTIVE</a>
<a class="nav-item nav-link pull-xs-right" href="./contact.html">CONTACT</a>
</div>
</nav>
<!-- SECTION 1 -->
<div class="section1 container">
<div class="row">
<div class="col-sm-3 col1">
<h1>FIRT NAME LAST NAME</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Viv</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</p>
</div>
<div class="col-sm-9 col2">
<!-- Slider -->
<div class="row">
<div class="col-sm-10">
<!-- SECTION 2 CAROUSAL-->
<div id="carousel" class="carousel slide" data-ride="carousel">
<!-- Items -->
<div class="carousel-inner" role="listbox">
<div class="carousel-item active"> <img src="http://lorempixel.com/1500/600/abstract/1" alt="Slide 1" /> </div>
<div class="carousel-item"> <img src="http://lorempixel.com/1500/600/abstract/2" alt="Slide 2" /> </div>
<div class="carousel-item"> <img src="http://lorempixel.com/1500/600/abstract/3" alt="Slide 3" /> </div>
<div class="carousel-item"> <img src="http://nikonrumors.com/wp-content/uploads/2014/03/Nikon-1-V3-sample-photo.jpg" alt="Slide 4" /> </div>
<div class="carousel-item"> <img src="http://www.bestmotherofthegroomspeeches.com/wp-content/themes/thesis/rotator/sample-1.jpg" alt="Slide 5" /> </div>
<div class="carousel-item"> <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRI92GwxAstszSK8uQZ5PxTQdPDrJSBPWHIxSmBJ8ZjfrhZT5Yrbg" alt="Slide 6" /> </div>
</div>
<a href="#carousel" class="left carousel-control" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a>
<a href="#carousel" class="right carousel-control" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a>
</div>
</div>
<div class="col-sm-2">
<ul class="hide-bullets carousel-indicators">
<li data-target="#carousel" data-slide-to="0"><img class="img-thumbnail" src="http://lorempixel.com/1500/600/abstract/1" alt="Thumbnail image"></li>
<li data-target="#carousel" data-slide-to="1"><img class="img-thumbnail" src="http://lorempixel.com/1500/600/abstract/2" alt="Thumbnail image"></li>
<li data-target="#carousel" data-slide-to="2"><img class="img-thumbnail" src="http://lorempixel.com/1500/600/abstract/3" alt="Thumbnail image"></li>
<li data-target="#carousel" data-slide-to="3"><img class="img-thumbnail" src="http://nikonrumors.com/wp-content/uploads/2014/03/Nikon-1-V3-sample-photo.jpg" alt="Thumbnail image"></li>
<li data-target="#carousel" data-slide-to="4"><img class="img-thumbnail" src="http://www.bestmotherofthegroomspeeches.com/wp-content/themes/thesis/rotator/sample-1.jpg" alt="Thumbnail image"></li>
</ul>
</div>
<!--/Slider-->
</div>
</div>
</div>
</body>
</html>