-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
94 lines (91 loc) · 3.38 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="./assets/reset.css" />
<link rel="stylesheet" href="./assets/style.css" />
</head>
<body>
<header class="header">
<h1>Thomas Wray's Portfolio</h1>
<section class="headerLinks">
<a href="#aboutMe" class="Contact">About Me</a>
<a href="#codeWork" class="Contact">Code Work</a>
<a href="#contactMe" class="Contact">Contact Me</a>
<a href="#" class="Contact">Resume</a>
</section>
</header>
<main>
<section class="hero">
<p>My First Portfolio</p>
</section>
<section class="body">
<aside class="aside">
<section class="asideCard">
<h2>About Me</h2>
</section>
<section class="asideCard">
<h2>Code Work</h2>
</section>
<section class="asideCard">
<h2>Contact Me</h2>
</section>
</aside>
<article>
<section class="articleCard" id="aboutMe">
<p class="articleCardContent">
My name is Thomas Wray and while I am originally from Texas, I am
now living the full Colorado life. If I am not coding you will
probably find me at the climbing gym with friends getting a good
pump going or at the game store playing my favorite game, Magic
the Gathering.
</p>
<p class="articleCardContent">
I am a new Full Stack Web Developer currently enrolled in a DU
developer bootcamp. I am excited to learn to code and unlock the
freedom associated with being able to build websites. It was quite
the liberating feeling at the start of the program when it became
clear to me that I could work from anywhere and in just about any
industry or even for myself.
</p>
</section>
<section class="articleCard" id="codeWork">
<div class="codeBox">
<div id="subBox1">
<div class="codeBoxImage"></div>
<a
href="https://twray95.github.io/prework-study-guide/"
target="_blank"
>Prework Study Guide</a
>
</div>
<div id="subBox2">
<mark class="codeBoxImage4">
<span>Link</span>
</mark>
<mark class="codeBoxImage4">
<span>Link</span>
</mark>
<mark class="codeBoxImage4">
<span>Link</span>
</mark>
<mark class="codeBoxImage4">
<span>Link</span>
</mark>
</div>
</div>
</section>
<section class="articleCard" id="contactMe">
<a href="#" class="articleCardContent">(999)-999-9999</a>
<a href="#" class="articleCardContent">[email protected]</a>
<a href="#" class="articleCardContent">GitHub</a>
<a href="#" class="articleCardContent">LinkedIn</a>
</section>
</article>
</section>
</main>
</body>
</html>