-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathportfolio.html
60 lines (56 loc) · 3.09 KB
/
portfolio.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Portfolio</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="style.css" rel="stylesheet" type="text/css" media="screen" href="main.css" />
<script src="main.js"></script>
</head>
<body>
<div class="wrapper">
<h2 class="header">Alex Corey</h2>
<nav class="nav__bar">
<a href="index.html" class="nav__bar__index nav__bar__item link">Home</a>
<a href="portfolio.html" class="nav__bar__portfolio nav__bar__item link">Portfolio</a>
<a href="resume.html" class="nav__bar__resume nav__bar__item link">Resume</a>
</nav>
<div class="projects">
<h1 class="main_header projects__header">Projects</h1>
<div class="projects__container">
<div class="site__container__garden">
<h2 class="project__header">Garden Supply Store</h2>
<div class "garden__text__and__pic__big__box">
<div class="garden__text__and__pic">
<img src="garden.jpg" class="garden__image image" />
<p class="project_info garden__info">This is the first website I buit. I was really happy with how it turned out. The most challenging part of it was to get the images and the text to line up properly on the "In-Stock" page. </p>
</div>
</div>
<div class="project__links">
<a href="https://glitch.com/edit/#!/quiver-heron?path=index.html:40:41" class="garden__supply__code project__link link" target="_blank">Code</a>
<a href="https://quiver-heron.glitch.me/" class="garden__supply__live project__link link" target="_blank">Live</a>
</div>
</div>
<div class="site__container__dog">
<h2 class="project__header">Dog Adoption Site</h2>
<div class="dog__text__and__pic">
<img src="dog.jpg" class="dog__image image" />
<p class="project_info dog__info">The second site that I built had a lot of challenges making it look like a professional site. I'm happy with the way it came out.</p>
</div>
<span class="project__links">
<a href="https://glitch.com/edit/#!/arrow-glade?path=index.html:40:41" class="dog__code project__link link" target="_blank">Code</a>
<a href="https://arrow-glade.glitch.me/" class="dog__live project__link link" target="_blank">Live</a>
</span>
</div>
</div>
</div>
</div>
<footer class="social__media">
<a href="https://www.facebook.com/alex.corey.5815" class="fa fa-facebook icon" target="_blank"></a>
<a href="https://twitter.com/CoreyAS17" class="fa fa-twitter icon" target="_blank"></a>
<a href="https://www.linkedin.com/in/alex-corey-a06b40131/" class="fa fa-linkedin icon" target="_blank"></a>
</footer>
</body>
</html>