-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (123 loc) · 3.8 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
<!-- base template reference: https://www.w3schools.com/css/tryit.asp?filename=trycss_template1_float -->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Portfolio</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta
name="description"
content="Portfolio site showing off website developed"
/>
<meta name="keywords" content="web technologies, web design, web skills" />
<meta name="author" content="Cory Gyarmathy" />
<link
rel="stylesheet"
type="text/css"
href="Module6-Portfolio/css/main.css"
/>
</head>
<body>
<div class="hero-image">
<div class="hero-text">
<h1>I am Cory Gyarmathy</h1>
<p>And I'm a Web Designer</p>
<a href="https://www.linkedin.com/in/cory-g/">
<button>Hire me</button>
</a>
</div>
</div>
<nav class="home-row">
<div class="home-column" style="background-color: #1f1f1f">
<a href="index.html"><strong>Home</strong></a>
</div>
<div class="home-column">
<a href="Module6-Portfolio/about.html"><strong>About</strong></a>
</div>
<div class="home-column">
<a href="Module6-Portfolio/portfolio.html"
><strong>Projects</strong></a
>
</div>
<div class="home-column">
<a href="Module6-Portfolio/contact.html"><strong>Contact</strong></a>
</div>
<div class="home-column">
<a href="Module6-Portfolio/reflection.html"
><strong>Reflection</strong></a
>
</div>
</nav>
<!-- Define the main content of the web page -->
<main>
<section class="row">
<div class="column">
<h2 class="title">About Me</h2>
</div>
<div class="title-column">
<a href="https://github.com/corygyarmathy">
<img
alt="GitHub logo"
class="social_logo"
src="Module6-Portfolio/images/GitHub-Mark.png"
/>
</a>
</div>
<div class="column">
<a href="https://www.linkedin.com/in/cory-g/">
<img
alt="LinkedIn Logo"
class="social_logo"
src="Module6-Portfolio/images/640px-LinkedIn_logo_initials.png"
/>
</a>
</div>
</section>
<section class="row">
<div class="column">
<img
alt="Profile Picture"
class="profile_picture"
src="Module6-Portfolio/images/profile_picture.jpg"
/>
</div>
<div class="column">
<p>
A problem solver, strategist, and teammate. I leverage my intuitive
understanding of systems and business operations in designing and
implementing people-focused technical solutions.
</p>
</div>
</section>
<!-- Add gap between rows -->
<br />
<section class="row">
<div class="column">
<h2 class="title">This Website</h2>
</div>
</section>
<section class="row">
<div class="column">
<p>
This website is a collection of my web design portfolio. It lists my
most recent projects.
</p>
</div>
</section>
</main>
<footer>
<a rel="license" href="http://creativecommons.org/licenses/by/4.0/">
<img
alt="Creative Commons License"
style="border-width: 0"
src="https://i.creativecommons.org/l/by/4.0/88x31.png" /></a
><br />This work is licensed under a <br /><a
rel="license"
href="http://creativecommons.org/licenses/by/4.0/"
>
Creative Commons Attribution 4.0 International License</a
>
</footer>
<script>"src=js/main.js"</script>
</body>
</html>