DavidRolin/test.html at master · WebDevPDX/DavidRolin · 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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>David Rollin Photography</title>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
	<link rel="stylesheet" href="css/teststyle.css">
</head>
<body>
	<div class="beginning" id="beginning">
		<nav class="navbar navbar-inverse navbar-fixed-top navbar-right" role="navigation">
	        <div class="container">
	            <div class="navbar-header">
	                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
	                    <span class="sr-only">Toggle navigation</span>
	                    <span class="icon-bar"></span>
	                    <span class="icon-bar"></span>
	                    <span class="icon-bar"></span>
	                </button>
	                <span class="navbar-brand" href="index.html">David Rollins Photography</span>
	            </div>
	            <div id="navbar" class="navbar-collapse collapse">
	                <ul class="nav navbar-nav">
	                    <li class="active"><a href="index.html">THE BEGINNING</a></li>
	                    <li class="dropdown">
	                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"
	                         role="button" aria-haspopup="true" aria-expanded="false">
	                         THE IMAGES <span class="caret"></span></a>
	                        <ul class="dropdown-menu">
	                            <li id="faces"><a href="#">FACES</a></li>
	                            <li role="separator" class="divider"></li>
	                            <li><a href="#">BODYSCAPES</a></li>
	                            <li role="separator" class="divider"></li>
	                            <li><a href="#">EROTICA</a></li>
	                            <li role="separator" class="divider"></li>
	                            <li><a href="#">FETISH</a></li>
	                            <li role="separator" class="divider"></li>
	                            <li><a href="#">COUPLES</a></li>
	                        </ul>
	                    </li>
	                    <li><a href="#">THE VISION</a></li>
	                    <li><a href="#">THE PAST</a></li>
	                    <li><a href="#">CONTACT ME</a></li>
	                </ul>
	            </div>
	        </div>
	    </nav>
	    <div class="row">
		    <div class="content" id="content">
		    	<div class="canvasContainer">
					<canvas id="myCanvas" height="250px" width="700px"></canvas>
					<div class="logo" id="logo">
						<span class="name" id="name">DAVID ROLLIN</span>
						<span class="sub" id="sub">PAN-EROTIC PHOTOGRAPHER</span>
					</div>
				</div>
		    </div>
	    </div>
		<footer class="footer navbar-fixed-bottom">
	        <div class="container">
	            <div class="row footer-text">
	                <div class="col-xs-12 col-md-3">
	                	<span class="text-muted">DAVID ROLIN © 2011 •</span>
	               	</div>
	            </div>
	        </div>
	    </footer>
	</div>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
	<script src="js/testscript.js"></script>
</body>
</html>