actorPortfolioTemplate/reel.html at master · rainandbare/actorPortfolioTemplate · 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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>reel</title>
	<link rel="stylesheet" type="text/css" href="style.css">
	<link href='https://fonts.googleapis.com/css?family=Old+Standard+TT:400,400italic,700|Abel' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
</head>
<body>
	<div id="site_wrapper" class="not_index">
		<nav>
			<ul class="hidden_nav">
				<li><i class="fa fa-bicycle"></i>
					<ul class="main_nav not_home clearfix">
						<li><a href="index.html"><i class="fa fa-bolt"></i></a></li>
						<li><a href="resume.html"><i class="fa fa-umbrella"></i></a></li>
						<li><a href="reel.html"><i class="fa fa-eye"></i></a></li>
						<li><a href="blog.html"><i class="fa fa-coffee"></i></a></li>
					</ul>
				</li>
			</ul>
		</nav>

		<main id="reel" class="clearfix">

			<section class="directing">
				<div class="trigger">
					<a class="button" href="#directing_video"><h2>Directing</h2>
					</a>
				</div>
				<div id="directing_video" class="overlay">
					<aside class="popup">
						<a class="close" href="#">×</a>
						<div class="content">
							<iframe src="https://player.vimeo.com/video/147615087" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
						</div>
					</aside>
				</div>
			</section>

			<section class="divider">
				<p>|</p>
			</section>

			<section class="acting">
				<div class="trigger">
					<a class="button" href="#acting_video"><h2>Acting</h2></a>
				</div>
				<div id="acting_video" class="overlay">
					<aside class="popup">
						<a class="close" href="#">×</a>
						<div class="content">
							<iframe src="https://player.vimeo.com/video/71870249" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
						</div>
					</aside>
				</div>
			</section>
		</main>
	</div>
	<footer>
		<div class="social">
			<ul class="clearfix">
				<li><a href="https://www.facebook.com/suzettemccanny/"><i class="fa fa-facebook"></i></a></li>
				<li><a href="https://twitter.com/suzettemccanny/"><i class="fa fa-twitter"></i></a></li>
				<li><a href="https://www.instagram.com/rainandbare/"><i class="fa fa-instagram"></i></a></li>
				<li><a href="mailto:suzettemccanny@gmail.com?Subject=Hello!" target="_top"><i class="fa fa-envelope"></i></a></li>
			</ul>
		</div>
		<div class="copywrite">
			<h5>Copywrite @ 2016 by Suzette McCanny</h5>
		</div>
	</footer>
</body>
</html>