-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
73 lines (69 loc) · 4.52 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Jonathan Cote</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.0/css/all.css" integrity="sha384-Mmxa0mLqhmOeaE8vgOSbKacftZcsNYDjQzuCOm6D02luYSzBG8vpaOykv9lFQ51Y" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Arvo|Nunito+Sans|Titillium+Web" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="main.css">
<script
src="https://code.jquery.com/jquery-3.3.1.js"
integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin="anonymous"></script>
</head>
<body>
<nav role="navigation">
<h2 class="name" id="name">Jonathan Cote</h2>
<div id="hamburger">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
<ul id="links">
<li><a id="bio-link" >Bio</a></li>
<li><a id="contact-link">contact</a></li>
<li><a href="https://github.com/jonathancote84"><i class="fab fa-github" ></i></a></li>
<li><a href="https://www.linkedin.com/in/jonathan-cote-7a48452b/"><i class="fab fa-linkedin"></i></a></li>
</ul>
</nav>
<main role="main">
<header role="banner" id ="banner">
<h1 class="headline">I am a full-stack developer that is fascinated with IoT, New Media Art, and Human Computer Interaction.</h1>
<!-- hero -->
</header>
<section id="proj1">
<!-- project 1 -->
<h3>Major Arcana</h3>
<p>A jquery quiz app that tests you on the meaning behind the major arcana cards in a tarot deck. The focus here is on clean organized simple code, semantic html and minimal css design. This is my first web app with Thinkful.</p>
<p>HTML, CSS, Jquery and Javascript</p>
<p class="thumbnail" ><a href="https://jonathancote84.github.io/tarot-quiz/"><img class="thunbnail"src="images/tarotquiz.png" alt="link to tarot quiz app"></a></p>
<p><a href="https://github.com/jonathancote84/tarot-quiz">Major Arcana Repository</a></p>
</section>
<section id="proj2">
<!-- project 2 -->
<h3>Get Lost</h3>
<p>An app to find new ways to get lost in a familar place or while traveling. Uses html5 geolocation sevices, Google Maps Javascript Api v3.0, Google Routes Api and Google Maps Drawing Library to provide a randomly generated route and directions for the user to Get lost within.</p>
<p>Google Maps Javascript Api, Jquery and Html5 Geolocation</p>
<p class="thumbnail"><a href="https://jonathancote84.github.io/getLostApp/"><img class="thunbnail" src="images/getLost.png" alt="link to get lost app"></a></p>
<p><a href="https://github.com/jonathancote84/getLostApp">Get Lost Repository</a></p>
</section>
<section id="bio">
<img src="images/headshotOne.jpeg" alt="headshot">
<!-- <h1>Bio:</h1> -->
<p>I am a full-stack web developer finished a web developer bootcamp through Thinkful. I love coding coding because I find thrill in the process of problem solving and enjoyment in the experience of bringing new projects to life. I like getting into the details of how something works.
When I’m not coding, I’m learning. Whether it is creating a New Media Art project. Hacking into some outdated media technology, growing trees, enjoying a bike ride or coming up with some new creative dish in the kitchen, I am learning. What drives me more than anything as a developer and artist is curiosity and an endless push into the uncertain.</p>
</section>
<section id="contact">
<p>contact me at </p>
<p>(512)484-4515</p>
<p><a href = "mailto:jonathancote92@gmail.com?subject = Feedback&body = Message">email me</a></p>
<p><a href="https://www.linkedin.com/in/jonathan-cote-7a48452b/"><i class="fab fa-linkedin"></i></a></p>
<p><a href="https://github.com/jonathancote84"><i class="fab fa-github" ></i></a></p>
</section>
</main>
<footer role="content-info">all content created by Jonathan Cote </footer>
</body>
<script typye="text/javascript" src="index.js"></script>
</html>