-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
151 lines (114 loc) · 6.27 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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Clover Willis | Software & Web Developer</title>
<meta name="description" content="Clover Willis Portfolio">
<meta name="author" content="Clover Willis">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<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">
<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script language="JavaScript">var element_to_scroll_to = document.querySelectorAll('.vdfix')[0];</script>
<script src="https://use.typekit.net/bzm2ipj.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script> -->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div id="wrapper">
<a id="home" class='target' name="home"/></a>
<nav>
<ul class="leftnav">
<!--<li class="frontnav navstamp"><img src="assets/BryanWillis_logo_symbol.png"/></li>-->
<li class="frontnav"><h1 class="fullname">Clover Willis</h1></li>
<li class="frontnav"><h1 class="nameinitials">C.W.</h1></li>
<li class="frontnav title"><h1>Software & Web Developer</h1></li>
<li class="frontnav titlemedium"><h1>Software & Web Developer</h1></li>
<li class="frontnav titlesmall"><h1>Software & Web Dev.</h1></li>
</ul>
<ul class="rightnav">
<li><a class="fa fa-home" href="#home"></a></li>
<li><a class="fa fa-user" href="#about"></a></li>
<li><a class="fa fa-envelope" href="#contact"></a></li>
</ul>
</nav>
<header>
<div class="galBoxA">
<a href="http://cloverwillis.info/thiswebsite" class="aimg1"><div class="square"><img src="assets/thiswebsitesquare2.png" class="img1"><span>Website<br/>From Scratch</span></div></a>
<div class="whiteSquare"></div>
<a href="http://cloverwillis.info/pentakitty" class="aimg1"><div class="square"><img src="assets/pksquare2.png" class="img1"><span>Bootstrap Website</span></div></a>
<div class="whiteSquare"></div>
<a href="http://cloverwillis.info/faeriefm" class="aimg1"><div class="square"><img src="assets/ffmsquare2.png" class="img1"><span>Rhythm<br/>Javascript Game</span></div></a>
<div class="whiteSquare"></div>
<a href="http://cloverwillis.info/deluge" class="aimg1"><div class="square"><img src="assets/delugesquare2.png" class="img1"><span>JQuery<br/>Text Adventure</span></div></a>
<div class="whiteSquare"></div>
<a href="http://cloverwillis.info/nightout" class="aimg1"><div class="square"><img src="assets/nightoutsquare2.png" class="img1"><span>C#<br/>GameJam Project</span></div></a>
</div>
</header>
<section class="blackbg">
<a id="about" class="target" name="about">
<div class="aboutheader">
<h2>
Meet Clover Willis.
</h2>
</div>
</a>
<div class="contain">
<div class="lbox">
<img src="assets/Clover_Willis_profile_16_small-2.jpeg"/>
</div>
<div class="rbox">
<p>
<span class="dropcap">I</span>’m a professional developer with industry experience in server side programming, client facing debugging/breakfix, and database management. I also have practical hands-on experience with front-end web development, app design, and game programming. I build websites, games, and other front-end applications that are beautiful, responsive,and platform independent, all while retaining code legibility and judiciously adhering to best practices. I graduated from Kennesaw State University with a degree focusing on web/app design and development. Topics heavily focused on UI/UX and front-end Javascript/HTML5/CSS3 coding. <blockquote class="pullquote">...Functional design, code legibility, and a strict adherence to best practices are core principles that I thoughtfully employ with every project.</blockquote></p>
<p> If you’re in need of a self-motivated and industry experienced developer that can produce quality web based applications, please feel free to reach out using my contact info listed below! I love collaborating with other highly skilled developers, and would make a great addition to your team!</p>
</div>
</div>
</section>
<section class="blackbg">
<a id="contact" class="target" name="contact">
<div class="aboutheader">
<h2>
Contact & Social Media
</h2>
</div>
</a>
<div class="containFlex">
<div class="contactcell">
<a href="mailto:[email protected]"><img src="assets/emailbubble.png"/></a>
<a href="mailto:[email protected]"><h2>Clover.Feywilde</h2><p class="notop" style="margin-top: 0; font-size: small;">@gmail.com</p></a>
</div>
<div class="contactcell">
<a href="tel:4045630836"><img src="assets/phonebubble.png"/></a>
<a href="tel:4045630836"><h2>404-563-0836</h2><p class="notop" style="margin-top: 0; font-size: small;"> </p></a></a>
</div>
<div class="contactcell">
<a href="assets/portfolio/CloverWillisResume.pdf" target="_blank"><img src="assets/resumebubble.png"/></a>
<a href="../assets/portfolio/CloverWillisResume.pdf" target="_blank" download="Clover Willis Resume"><h2>Resume</h2><p class="notop" style="margin-top: 0; font-size: small;"> </p></a></a>
</div>
<div class="contactcell">
<a href="https://github.com/cloverfeywilde"><img src="assets/githubbubble.png"/></a>
<a href="https://github.com/cloverfeywilde"><h2>Github</h2><p class="notop" style="margin-top: 0; font-size: small;"> </p></a></a>
</div>
<div class="contactcell">
<a href="https://www.linkedin.com/in/cloverwillis"><img src="assets/libubble.png"/></a>
<a href="https://www.linkedin.com/in/cloverwillis"><h2>Linkedin</h2><p class="notop" style="margin-top: 0; font-size: small;"> </p></a></a>
</div>
</div>
<div class="abouttext">
<h3>
My technical expertise & demonstrated industry experience will make me a great addition to your team.
</h3>
</div>
</section>
<footer>
<p>
Coded and Designed from scratch with HTML5, CSS3, SASS, & JavaScript
</p>
</footer>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="scripts.js"></script>
</body>
</html>