-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
121 lines (115 loc) · 5.28 KB
/
index.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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="Becky Lewis">
<meta name = "description" content="Becky Lewis is a Web Designer/Developer currently seeking a new career opportunity in Northwest Arkansas.">
<meta name="keywords" content="becky lewis, portfolio, resume, web designer, web developer, website, websites, design, arkansas, rogers, fayetteville, lowell, bentonville, springdale, job, opportunity, career, candidate, employment, html, css, css animations, javascript, jquery, sass, hire me, student, jccc, web technologies, mobile first, mobile-friendly, ux, ui">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>Becky Lewis | Web Designer Portfolio</title>
<link href='http://fonts.googleapis.com/css?family=Raleway:300,400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,700' rel='stylesheet' type='text/css'>
<link href="css/global.css" rel="stylesheet" type="text/css" />
</head>
<body>
<header class="header">
<div class="wrapper-header clearfix">
<h1 class="logo"><a title="Go home" href="index.html" tabindex="1">Becky Lewis</h1></a>
<img class="button-menu" alt="Menu icon" src="img/icon-menu.png" tabindex="2"/>
<img class="button-close" alt="Close icon" src="img/icon-close.png" />
<nav class="nav-main">
<a class="current" href="index.html" tabindex="3">Home</a>
<a href="about.html" tabindex="4">About</a>
<a title="View Becky's Portfolio" href="portfolio.html" tabindex="5">Portfolio</a>
<a href="resume.html" tabindex="6">Resumé</a>
<a href="contact.php" tabindex="7">Contact</a>
</nav>
</div>
</header>
<main>
<div id="wrapper-main-home" class="clearfix">
<section class="section-grid">
<div class="row">
<div class="grid" data-trigger="1" ><div class="box-icon-mobile" data-trigger="1"></div>
Mobile 1st
</div>
<div class="grid" data-trigger="2"><div class="box-icon-weblayout" data-trigger="2"></div>
Minimalist
</div>
<div class="grid" data-trigger="3"><div class="box-icon-ux" data-trigger="3"></div>
UX
</div>
</div>
<div class="row">
<div class="grid" data-trigger="4"><div class="box-icon-notepad" data-trigger="4"></div>
Execution
</div>
<div id="grid-contact"><a title="Contact Becky Lewis" href="contact.php" ><div class="box-icon-smiley"></div></a>
Hire Me
</div>
<div class="grid" data-trigger="5"><div class="box-icon-weblink" data-trigger="5"></div>
Student4Life
</div>
</div>
<div class="row">
<div class="grid" data-trigger="6"><div class="box-icon-pencil" data-trigger="6"></div>
Designerish
</div>
<div class="grid" data-trigger="7"><div class="box-icon-heart" data-trigger="7"></div>
Sassy
</div>
<div class="grid" data-trigger="8"><div class="box-icon-type" data-trigger="8"></div>
Font Junkie
</div>
</div>
</section>
<section>
<div class="slide" data-slide="1">
<img class="button-close-slide" alt="Close icon" src="img/icon-close.png">
<p>@media screen <br />and (min-width:$width)<br />{<br />ami: right? <br />}</p>
</div>
<div class="slide" data-slide="2">
<img class="button-close-slide" alt="Close icon" src="img/icon-close.png">
<p>Clean is the new black.</p>
</div>
<div class="slide" data-slide="3">
<img class="button-close-slide" alt="Close icon" src="img/icon-close.png">
<p>If you build it simple, they will come (back).</p>
</div>
<div class="slide" data-slide="4">
<img class="button-close-slide" alt="Close icon" src="img/icon-close.png">
<p>Give me a concept,<br />and I will deliver.</p>
</div>
<div class="slide" data-slide="5">
<img class="button-close-slide" alt="Close icon" src="img/icon-close.png">
<p>Wisdom makes the world go round. Or something like that.</p>
</div>
<div class="slide" data-slide="6">
<img class="button-close-slide" alt="Close icon" src="img/icon-close.png">
<p>I may not be an expert, but I always color within the lines.</p>
</div>
<div class="slide" data-slide="7">
<img class="button-close-slide" alt="Close icon" src="img/icon-close.png">
<p>Just learned Sass,<br />never letting go ♥</p>
</div>
<div class="slide" data-slide="8">
<img class="button-close-slide" alt="Close icon" src="img/icon-close.png">
<p>I have never met<br />a font I didn't like.<br />( J / K )</p>
</div>
</section>
</div>
</main>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-61553240-1', 'auto');
ga('send', 'pageview');
</script>
<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="js/portfolio.min.js"></script>
<script type="text/javascript" src="js/homePage.js"></script>
<script type="text/javascript" src="js/global.js"></script>
</body>
</html>