-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
103 lines (92 loc) · 4.81 KB
/
index.html
File metadata and controls
103 lines (92 loc) · 4.81 KB
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
<!DOCTYPE html>
<html lang="en">
<!-- Maren Vernon Portfolio -->
<head>
<meta charset="utf-8">
<title>Maren Vernon, WordPress Developer</title>
<meta name="author" content="Maren Vernon Maren Greif">
<meta name="description" content="A portfolio site for Maren Vernon (formerly Maren Greif), available for web design and development, currently focusing on WordPress development.">
<meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- recognizes device, see also code in CSS -->
<link href="css/style.css" rel="stylesheet" type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lato:900,400' rel='stylesheet' type='text/css'>
<script>
if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
var msViewportStyle = document.createElement("style");
msViewportStyle.appendChild(
document.createTextNode(
"@-ms-viewport{width:auto!important}"
)
);
document.getElementsByTagName("head")[0].
appendChild(msViewportStyle);
}
</script>
</head>
<body>
<div id="contact-menu">
<div id="contact-menu-sub">
<ul>
<li>
<a href="mailto:maren@codifiedconcepts.com">
<img src="img/icon-email.png" alt="Email Me" />
</a>
</li>
<li>
<a href="https://codifiedconcepts.com/" target="_BLANK">
<img src="img/icon-hireme.png" alt="Business" />
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/marvernon" target="_BLANK">
<img src="img/icon-linkedin.png" alt="LinkedIn" />
</a>
</li>
<li>
<a href="https://twitter.com/CodifiedConcept" target="_BLANK">
<img src="img/icon-twitter.png" alt="Twitter" />
</a>
</li>
<li>
<a href="https://www.facebook.com/CodifiedConcepts" target="_BLANK">
<img src="img/icon-facebook.png" alt="Facebook" />
</a>
</li>
<li>
<a href="https://codepen.io/codifiedconcepts" target="_BLANK">
<img src="img/icon-codepen.png" alt="CodePen" />
</a>
</li>
<li>
<a href="https://github.com/codifiedconcepts" target="_BLANK">
<img src="img/icon-github.png" alt="GitHub" />
</a>
</li>
</ul>
</div>
</div><!-- /end #contactMenu -->
<div id="main">
<aside class="mainpic">
<img id="portpic" src="img/portfoliopic.jpg" alt=""/>
</aside>
<aside class="site-examples">
<a href="https://codifiedconcepts.com/published-pieces/" target="_BLANK"><div class="circle" id="writing"><span>Published Pieces</span></div></a>
<a href="https://codifiedconcepts.com/" target="_BLANK"><div class="circle" id="cc-site"><span>Business</span></div></a>
<a href="https://codified-concepts.neocities.org/" target="_BLANK"><div class="circle" id="samples-site"><span>Fun Samples</span></div></a>
</aside>
</div>
<div class="main-text">
<h1>Hi, I'm Maren.</h1>
<p>I am a former project manager who fell in love with learning to code, drawn to the blend of the technical and the creative. Helping small businesses, solopreneurs, authors, and creatives establish a professional online presence tailored to their personality and their audience is my joy. I bring my penchant for organization and attention to detail, years of project collaboration experience, copyediting and proofreading abilities, communication skills, and my passion for clean code and user-friendly design to each project.</p>
<p>Please <a href="https://codifiedconcepts.com/" target="_BLANK">visit my business site</a> to hire me for your website project. Or see some things I build for fun <a href="https://codified-concepts.neocities.org/" target="_BLANK">here</a> or <a href="https://codepen.io/codifiedconcepts/" target="_BLANK">here</a>. All my sites are responsive, so check them out on your desktop, tablet, and mobile devices.</p>
<p>When I’m not developing websites for clients, you can find me working as a teaching assistant for <a href="https://skillcrush.com/" target="_BLANK">Skillcrush</a> or building GoldieBlox projects with my kids.</p>
<p class="smalltext">If you came here via a <a href="https://skillcrush.com/2014/05/16/beautiful-web-design-portfolios/" target="_BLANK">link from a Skillcrush article</a> about beautiful web design portfolios, you can still see the old version of my site that they reference <a href="https://codified-concepts.neocities.org/firstsite/index.html" target="_BLANK">here.</a></p>
</div>
<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>-->
<!--<script src="js/script.js"></script>-->
<!--<script src="js/jquery.smooth-scroll.min.js"></script>-->
<footer>
<a href="terms-of-service.html">TERMS OF SERVICE</a> | <a href="privacy-policy.html">PRIVACY POLICY</a>
<p>Copyright 2016-2020 by Maren Vernon<br>All content on this website, such as text, graphics, logos, and images, is the property of Maren Vernon and protected by United States and international copyright laws.</p>
</footer>
</body>
</html>