-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathattentional.html
executable file
·105 lines (84 loc) · 5.38 KB
/
attentional.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link href="http://fonts.googleapis.com/css?family=Gentium+Basic:400,400italic,700italic|Raleway" rel="stylesheet" type="text/css">
<title>Ashley L Kunze | Graphic & Web Design | My Work | Attentional</title>
<meta name="viewport" content="width=device-width">
<meta name="description" content="My name is Ashley and I am a Graphic & Web Designer. I design on purpose.">
<meta name="keywords" content="graphic design, web design, design, graphics design, graphic designer, web designer, logo designer, interactive designer, app designer, brand designer, ui ux designer, ui ux, ui ux design, logo design, interactive design, app design, brand design, design blog, design student, graphic design blog, web design blog, ashley, ashley kunze, ashley l kunze, ashley kunze design, ashley kunze designer, ashley l kunze design, ashley l kunze designer">
<link href="style.css" rel="stylesheet" type="text/css">
<link rel="icon" type="image/png" href="images/favicon.png">
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
<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-49222909-3', 'ashleylkunze.com');
ga('send', 'pageview');
</script>
</head>
<body onLoad="MM_preloadImages('images/workJetSodaOver.png','images/workShadowOver.png','images/workMedicineOver.png','images/workMerimnaoOver.png','images/workClothOver.png','images/workVApostcardsOver.png','images/workMelcherOver.png','images/workShowerOver.png','images/workTritatsOver.png','images/workChrisOver.png','images/workCytOver.png','images/workMagazineOver.png')">
<div class="container">
<header>
<div id="row">
<a href="index.html"><img src="images/ashley-kunze-logo.svg" alt="" width="50px "/></a><br/>
<h1><a href="index.html">Ashley L Kunze</a></h1>
<h2>WEB DESIGN <span class="amp">&</span> CONTENT</h2>
<nav>
<ul>
<li><a href="work.html">Work</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</header>
<hr>
<div id="projectBox">
<h6>Attentional</h6>
<p id="project">Design Research | Infographic | Web Design</p>
<p><span id="italic">Attentional</span> is a toolkit experience for families to be aware, be active, and be inspired to be intentional with their attention, or "bee with no buzz". This toolkit was designed by a team of 12 students over 15 weeks to combat misplaced attention and affect positive social development in Christian middle-class Americans.</p>
<p>This parallax scrolling website was designed and developed in Adobe Muse to tell the story of the team, the wicked problem, the primary and secondary research, the solution, and the presentation. View the website <a href="attentional/index.html" target="_blank">live</a>.</p>
</div>
<div id="row2">
<a href="attentional/index.html" target="_blank"><img src="images/projectAttentional.jpg" width="100%" height="100%" alt=""/></a>
<p id="nextProject"><a href="work.html">Work</a> | <a href="treasure.html">Next Project</a></p>
</div>
<hr>
<footer>
<ul>
<li><a href="https://www.facebook.com/AshleyLKunze" target="_blank"><img src="images/iconFacebook.svg" width="24" alt="Facebook"/></a></li>
<li><a href="http://www.pinterest.com/AshleyLKunze/" target="_blank"><img src="images/iconPinterest.svg" width="24" alt="Pinterest"/></a></li>
<li><a href="http://instagram.com/ashleylkunze" target="_blank"><img src="images/iconInstagram.svg" width="24" alt="Instagram"/></a></li>
<li><a href="https://www.linkedin.com/in/ashleylkunze" target="_blank"><img src="images/iconLinkedIn.svg" width="24" alt="LinkedIn"/></a></li>
<li><a href="https://twitter.com/ashleylkunze" target="_blank"><img src="images/iconTwitter.svg" width="24" alt="Twitter"/></a></li>
<li><a href="http://www.behance.net/ashleykunze" target="_blank"><img src="images/iconBehance.svg" width="28" alt="Behance"/></a></li>
<li><a href="mailto:[email protected]" target="_blank"><img src="images/iconMail.svg" width="28" alt="Mail"/></a></li>
</ul>
© Ashley Kunze 2018
</footer>
</div>
</body>
</html>