-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
97 lines (97 loc) · 4.28 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="./css/all.css">
<link rel="icon" href="./photos/favicon.ico" type="image/x-con"/>
<script src="app.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.11/handlebars.js"></script>
<script id="blogs-template" type="text/x-handlebars-template">
{{#each blogs}}
<div class="blog">
<a href={{this.url}} target=_blank><img class="blog-photo" src={{this.photo_src}}></a>
<p class="blog-title">{{this.title}}</p>
</div>
{{/each}}
</script>
<title>Evan Greer's Portfolio</title>
</head>
<html>
<body>
<main>
<section id="header">
<section id="header-name">
<img src="./photos/name_nav.jpg" alt="evan greer">
</section>
<div class="nav-bar">
<a href="./index.html"><h2>Home</h2></a>
<a href="./projects.html"><h2>Projects</h2></a>
<a href="./resume.html"><h2>Resume</h2></a>
</div>
</section>
<section id="front-page-photo">
<img src="./photos/front_page_photo.JPG" alt="evan greer posing sitting">
<img class="mobile" src="./photos/front_page_photo_mobile.JPG" alt="evan greer posing sitting">
</section>
<header id="title-header">
<h2>Full Stack Web Developer | Arts Enthusiast | Electronic Music Fan </h2>
<h2 class="mobile">Full Stack Web Developer</h2>
</header>
<section id="about-me">
<div id="about-me-photo">
<img src="./photos/about_me_photo.jpeg" alt="evan greer head shot">
</div>
<div id="about-me-text">
<div id="about-me-title">
<img src="./photos/about_me.png" alt="about me">
</div>
<p>Mechanical engineer turned ambitious full stack web developer located in Denver, Colorado.
Through my experiences as freelance web developer using Ruby on Rails, JavaScript, React, RESTful APIs, HTML, and CSS, I have
developed a zeal for discovering new ways of connecting people, sharing ideas, and advancing culture through modern web development.
I love the intersection of creativity and analytical problem solving involved in creating applications. I am passionate about electronic
music and exploring Colorado's natural beauty.</p>
</div>
</section>
<section id="blogs-section">
<div id="blogs-title">
<img src="./photos/blogs_title.jpg" alt="blogs">
</div>
<div id="blogs-container">
</div>
</section>
<section id="footer">
<div class="nav-bar">
<h1>NAVIGATE</h1>
<i id="footer-nav-arrow" class="fas fa-arrow-circle-right"></i>
<h1 id="footer-nav-links">
<a href="./index.html">HOME</a> \\
<a href="./projects.html">PROJECTS</a> \\
<a href="./resume.html">RESUME</a>
</h1>
</div>
<div id="contact">
<div id="contact-photo">
<img src="./photos/footer_photo.JPG" alt="lucky cat logo">
</div>
<div id="contact-info">
<h1>Connect With Me</h1>
<h1 id="footer-email">evantk91@gmail.com</h1>
<div id="contact-links">
<a href="https://www.linkedin.com/in/evantkgreer/" target=_blank>
<i class="fab fa-linkedin"></i>
</a>
<a href="https://github.com/evantk91" target=_blank>
<i class="fab fa-github"></i>
</a>
<a href="https://medium.com/@etgreer91" target=_blank>
<i class="fab fa-medium"></i>
</a>
</div>
</div>
</div>
</section>
</main>
</body>
</html>