-
Notifications
You must be signed in to change notification settings - Fork 0
/
template_artifact.html
83 lines (55 loc) · 2.87 KB
/
template_artifact.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>B.Willis</title>
<meta name="description" content="Bryan Willis Portfolio">
<meta name="author" content="Bryan Willis">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<script src="js/scripts.js"></script>
<div id="wrapper">
<nav>
<ul>
<li><a class="fa fa-home" href="http://www.bwillis.info/" target="_blank"></a></li>
<li><a class="fa fa-phone-square" href="tel:678-793-8200" target="_blank"></a></li>
<li><a class="fa fa-envelope" href="mailto:[email protected]" target="_blank"></a></li>
<li><a class="fa fa-twitter-square" href="http://www.twitter.com/" target="_blank"></a></li>
<li><a class="fa fa-linkedin-square" href="http://www.linkedin.com/" target="_blank"></a></li>
<li><a class="fa fa-tumblr-square" href="http://forleafe.tumblr.com/" target="_blank"></a></li>
</ul>
</nav>
<header class="artifactheader">
<h1>Feature Website for Nude Models</h1>
</header>
<section class="artifactsection">
<div class="acontainer">
<div class="artimg">
<div class="item"><img src="assets/portfolio/featuresite_home2.jpg"/></div>
<div class="item"><img src="assets/portfolio/featuresite_about1.jpg"/></div>
<div class="item"><img src="assets/portfolio/featuresite_model2.jpg"/></div>
<div class="item"><img src="assets/portfolio/featuresite_story.jpg"/></div>
</div>
<div class="arttext">
<p><span class="dropcap">L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Sed leo metus, porttitor vel luctus quis, bibendum a tortor. Morbi placerat molestie est. Vestibulum congue tortor ac sapien bibendum, a scelerisque sapien viverra. In eleifend lobortis tellus id porta. Mauris ligula purus, vehicula id eros tincidunt, volutpat tempus arcu. Integer non tortor vitae nisl placerat suscipit. Praesent rhoncus, erat mollis porta mattis, ipsum diam congue arcu, ut accumsan dui metus a tortor. Fusce molestie efficitur risus ut vestibulum. Vestibulum fringilla dolor enim, ut porttitor mauris rhoncus eu. Donec nec nunc id quam facilisis scelerisque sollicitudin a orci. Duis placerat placerat magna eget fringilla. Pellentesque sed rhoncus est. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse felis ligula, cursus et quam vitae, dignissim auctor nisl.
</p>
<div class="artskill">
<h2>Skills & Programs</h2>
<a class="fa fa-home"></a>
</div>
</div>
</div>
</section>
<footer>
<p>
Coded and Designed from scratch with HTML5, CSS3, & SASS
</p>
</footer>
</div>
</body>
</html>