-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
111 lines (82 loc) · 7.41 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Amy Eckert Projects::Photography </title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css/style.min.css"/>
</head>
<body id="about">
<div class="wrapper">
<!--.....HEADER......................................................-->
<header role="banner" class="header nav-down">
<div class="logo">
<a href="index.html"> <img src="images/LOGO/nameLOGO2.png" class="logo" alt="amy eckert projects"></a>
</div>
<div class= "header-nav">
<ul>
<li class="nav-design"><a href="design.html">DESIGN</a></li>
<li class="nav-interactive"><a href="interactive.html">INTERACTIVE</a></li>
<li class="nav-photo"><a href="photography.html">PHOTOGRAPHY</a></li>
<li class="nav-mixed"><a href="mixedmedia.html">MIXED MEDIA</a></li>
<li class="nav-about"><a href="about.html">ABOUT</a></li>
<li class="nav-contact"><a href="contact.html">CONTACT</a></li>
</ul>
</div>
<div class="menu-mobile">
<div class="page-location">
<p>about</p>
</div>
<span class="menu-toggle" data-show-dialog="options-menu-horizontal">Menu</span>
</div>
</header>
<!--..................... MAIN CONTENT AREA . . . . .. . . . . ..............-->
<section class="main-content">
<article class="bio">
<div class="bio-col-half col-l">
<p>I am a creative, agile, and constantly curious Junior Front End Developer, adherent of rigorous best practices and standards, devoted continual learner, with an extensive background in <a href ="http://www.amyeckertphoto.com" target ="_blank" ><span>photography,</span></a> and visual communication. Exceptional collaborative, production and time management skills; I am a happy contributor to all team efforts. I built this site with HTML5, CSS3/SASS, Javascript/JQuery, Git, and Gulp.</p>
<p>My commercial work and the personal projects I pursue reflect a keen interest in people and how they live. I am deeply attentive to the details that make and project more nuanced, more engaging and more effective.</p>
<p>See my other dev projects on <a href="https://github.com/amyeckert" target="_blank"><span>GitHub.</span></a></p>
<p>My profile on <a href="https://www.linkedin.com/in/amyeckertprojects/"><span>LinkedIn.</span></a></p>
<p>Visit me on social media!</p>
<div class="social">
<ul>
<li class="fb-share-icon share-icon"> <a href="https://www.facebook.com/amy.eckert.52" target="blank"><svg id="fb-white" class="white"data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 800"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 1</title><path id="Shape_17" data-name="Shape 17" class="cls-1" d="M890,0H356.67C283.33,0,223.33,60,223.33,133.33V666.67c0,73.37,60,133.33,133.33,133.33H890c73.33,0,133.33-60,133.33-133.37V133.33C1023.33,60,963.33,0,890,0Zm13.47,400H773.33V750h-150V400H551V285.5h72.3V211.13C623.33,110.07,666.93,50,785.73,50h136.9V173.87H810.83c-33.2,0-37.33,17.33-37.33,49.63l-.17,62h150Z"/></svg></a></li>
<li><a href="https://instagram.com/amyeckertphoto" target="blank"><svg id="instagram-white" class="white"xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><defs><style>.cls-1{fill:#6b6b6b;}</style></defs><title>instagram-icon</title><path class="cls-1" d="M256,49.47c67.27,0,75.23.26,101.8,1.47,24.56,1.12,37.9,5.22,46.78,8.67a78.05,78.05,0,0,1,29,18.84,78.05,78.05,0,0,1,18.84,29c3.45,8.88,7.55,22.22,8.67,46.78,1.21,26.56,1.47,34.53,1.47,101.8s-.26,75.23-1.47,101.8c-1.12,24.56-5.22,37.9-8.67,46.78a83.43,83.43,0,0,1-47.81,47.81c-8.88,3.45-22.22,7.55-46.78,8.67-26.56,1.21-34.53,1.47-101.8,1.47s-75.24-.26-101.8-1.47c-24.56-1.12-37.9-5.22-46.78-8.67a78.05,78.05,0,0,1-29-18.84,78.05,78.05,0,0,1-18.84-29c-3.45-8.88-7.55-22.22-8.67-46.78-1.21-26.56-1.47-34.53-1.47-101.8s.26-75.23,1.47-101.8c1.12-24.56,5.22-37.9,8.67-46.78a78.05,78.05,0,0,1,18.84-29,78.05,78.05,0,0,1,29-18.84c8.88-3.45,22.22-7.55,46.78-8.67,26.56-1.21,34.53-1.47,101.8-1.47m0-45.39c-68.42,0-77,.29-103.87,1.52S107,11.08,91,17.3A123.49,123.49,0,0,0,46.36,46.36,123.49,123.49,0,0,0,17.3,91C11.08,107,6.82,125.32,5.6,152.13S4.08,187.58,4.08,256s.29,77,1.52,103.87S11.08,405,17.3,421a123.49,123.49,0,0,0,29.06,44.62A123.49,123.49,0,0,0,91,494.69c16,6.23,34.34,10.49,61.15,11.71s35.45,1.52,103.87,1.52,77-.29,103.87-1.52S405,500.92,421,494.69A128.82,128.82,0,0,0,494.69,421c6.23-16,10.49-34.34,11.71-61.15s1.52-35.45,1.52-103.87-.29-77-1.52-103.87S500.92,107,494.69,91a123.49,123.49,0,0,0-29.06-44.62A123.49,123.49,0,0,0,421,17.3C405,11.08,386.68,6.82,359.87,5.6S324.42,4.08,256,4.08Z"/><path class="cls-1" d="M256,126.64A129.36,129.36,0,1,0,385.36,256,129.36,129.36,0,0,0,256,126.64ZM256,340a84,84,0,1,1,84-84A84,84,0,0,1,256,340Z"/><circle class="cls-1" cx="390.48" cy="121.52" r="30.23"/></svg></a></li>
<li class="twitter-share-button share-icon"><a href="https://twitter.com/search?q=amyeckertphoto" target="blank"><svg id="twitter-white" class="white"data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400.51 325.48"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 1</title><path class="cls-1" d="M400.48,38.51a164.26,164.26,0,0,1-47.16,13A82.41,82.41,0,0,0,389.48,6,164.51,164.51,0,0,1,337.3,26a82.25,82.25,0,0,0-140,74.94A233.28,233.28,0,0,1,27.89,15a82.26,82.26,0,0,0,25.43,109.7A81.83,81.83,0,0,1,16.1,114.51v1A82.22,82.22,0,0,0,82,196.08a82.38,82.38,0,0,1-37.11,1.43,82.25,82.25,0,0,0,76.75,57,164.87,164.87,0,0,1-102,35.17A167.25,167.25,0,0,1,0,288.53a232.58,232.58,0,0,0,126,36.92c151.14,0,233.79-125.21,233.79-233.79q0-5.34-.24-10.63A167,167,0,0,0,400.48,38.51Z"/></svg></a></li>
</ul>
</div>
</div>
<div class="bio-col-half col-r">
<p>My photography work has been published widely by a diverse range of editorial and commercial clients, including:</p>
<p>The New York Times Magazine, Southern Poverty Law Center, Minnesota Farmers Union, Martha Stewart Living, The Blue Man Group, House and Garden, American Lawyer, Life, GHI, Time, HSBC, Dwell, InStyle, Walmart, Microsoft, Fast Company</P>
<p>See my photography at <a href ="http://www.amyeckertphoto.com" target ="_blank" ><span>www.amyeckertphoto.com.</span></a></p>
<p>See installation views of <a href="exhibitions.html">exhibitions.</a></p>
<div class="btn-cv"><a href="../AMYECKERT-CV-full.pdf" class="cv-pdf" target="_blank">View my CV</a></div>
</div>
</article>
</section>
<!-- FOOTER .................................................. -->
<footer role="contentinfo" class="options-menu-horizontal">
<div class= "footer-nav">
<ul>
<li><a href="interactive.html">INTERACTIVE</a></li>
<li><a href="design.html">DESIGN</a></li>
<li><a href="photography.html">PHOTOGRAPHY</a></li>
<li><a href="mixedmedia.html">MIXED MEDIA</a></li>
<li><a href="contact.html">CONTACT</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="exhibitions.html">EXHIBITIONS</a></li>
</ul>
</div>
</footer>
</div>
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<!-- JQuery UI -->
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="js/min/styles.min.js"></script>
</body>
</html>