-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnavbar.html
61 lines (56 loc) · 3.26 KB
/
navbar.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
<!DOCTYPE html>
<!--NAV BARRRR-->
<div class="navbar-wrapper">
<div class="container-fluid">
<nav class="navbar navbar-default navbar-inverse navbar-static-top">
<div class="navbar-header">
<a class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="navbar-brand" href="index.html"><img src="images/penguin.svg" id="pengIcon" width="25px"><span>la</span>Lucy Shen</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="resume.html">About</a></li>
<li><a href="projects.html">Projects</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Photo/Video<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="cosMedia.html">Cosplay (Photos/Videos)</a></li>
<li><a target="_blank" href="https://www.flickr.com/photos/lyrratic/sets/">Other Photography</a></li>
<li><a target="_blank" href="http://www.youtube.com/playlist?list=PLj_ze4F6upbgzPJpfkYBbRaDipHZgJ4Fu">Other Videography</a></li>
<li><a target="_blank" href="http://youtu.be/8M8m2bAaY7k">Animations</a></li>
<li class="divider"></li>
<li><a target="_blank" href="https://www.flickr.com/photos/lyrratic/sets/">Flickr</a></li>
<li><a target="_blank" href="https://www.facebook.com/LunacyCos">Cos-photography Facebook Page</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Music<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a target="_blank" href="https://www.youtube.com/lyrratic">Covers</a></li>
<li><a target="_blank" href="http://lyrratic.bandcamp.com/">Originals</a></li>
<li class="divider"></li>
<li><a target="_blank" href="https://soundcloud.com/lyrratic">Soundcloud</a></li>
<li><a target="_blank" href="http://lyrratic.bandcamp.com/">Bandcamp</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right socialNav">
<li><a target="_blank" href="https://twitter.com/lyrratic">
<i class="fa fa-twitter fa-2x"></i></a></li>
<li><a target="_blank" href="https://www.linkedin.com/pub/lucy-shen/54/273/965/">
<i class="fa fa-linkedin fa-2x"></i></a></li>
<li><a target="_blank" href="https://www.flickr.com/photos/lyrratic/sets/">
<i class="fa fa-flickr fa-2x"></i></a></li>
<li><a target="_blank" href="https://www.youtube.com/lyrratic">
<i class="fa fa-youtube fa-2x"></i></a></li>
<li><a target="_blank" href="https://www.instagram.com/lyrratic">
<i class="fa fa-instagram fa-2x"></i></a></li>
</ul>
</div>
</nav>
</div><!-- /container -->
</div><!-- /navbar wrapper -->