-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
141 lines (136 loc) · 6.09 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
131
132
133
134
135
136
137
138
139
140
141
<!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>Portfolio - Don Murphy</title>
<link rel="stylesheet" type="text/css" href="./assets/css/reset.css" />
<link rel="stylesheet" type="text/css" href="./assets/css/normalize.css" />
<link rel="stylesheet" type="text/css" href="./assets/css/style.css" />
</head>
<body>
<header>
<h1>Don Murphy</h1>
<nav>
<ul>
<li>
<a href="#about-me">About Me</a>
</li>
<li>
<a href="#work">Work</a>
</li>
<li>
<a href="#contact-me">Contact Me</a>
</li>
<li>
<a href="./don_murphy_resume.pdf" target="_blank">Resume</a>
</li>
</ul>
</nav>
</header>
<!-- message on background image -->
<div class="greeting">
<h2 class="greeting-message">
Don's professional portfolio
</h2>
</div>
<main class="main-container">
<section id="about-me" class="me-container">
<div class="margin">
<h3>About Me</h3>
</div>
<img src="./assets/images/IMAG00030.jpg" alt="Don Murphy picture" class="profile-picture">
<div class="me-text">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Viverra adipiscing at in tellus integer feugiat scelerisque. Mattis aliquam faucibus purus in massa tempor.
</p>
<p>
Fringilla ut morbi tincidunt augue interdum velit euismod in pellentesque. Cras semper auctor neque vitae tempus quam pellentesque nec.
Consequat interdum varius sit amet mattis vulputate enim. Non sodales neque sodales ut etiam sit amet nisl.
Elit ullamcorper dignissim cras tincidunt lobortis. Nunc congue nisi vitae suscipit tellus.
</p>
</div>
</section>
<section class="work-container" id="work">
<div class="margin">
<h3>Work</h3>
</div>
<div class="work-items">
<div class="work-item-1">
<a href="https://admakinh.github.io/magic-fan-dashboard/" target="_blank">
<img src="./assets/images/magic-logo.png" alt="Orlando Magic Fan Hub">
</a>
<div class="work-tab-1">
<a href="https://github.com/admakinh/magic-fan-dashboard" target="_blank">
<strong>Orlando Magic Fan Hub</strong><br />JQuery/Bulma/Multiple Third Party APIs
</a>
</div>
</div>
<div class="work-item">
<a href="https://dpmurphy11.github.io/weather-dashboard/" target="_blank">
<img src="./assets/images/wd.png" alt="Weather Dashboard">
</a>
<div class="work-tab">
<a href="https://github.com/dpmurphy11/weather-dashboard" target="_blank">
<strong>Weather Dashboard</strong><br />JQuery/Bootstrap/OpenWeather API
</a>
</div>
</div>
<div class="work-item">
<a href="https://dpmurphy11.github.io/work-day-planner/" target="_blank">
<img src="./assets/images/wdp.png" alt="Work Day Planner">
</a>
<div class="work-tab">
<a href="https://github.com/dpmurphy11/work-day-planner" target="_blank">
<strong>Work Day Planner</strong><br />JQuery/JQueryUI/Bootstrap/Moment.js
</a>
</div>
</div>
<div class="work-item">
<a href="https://dpmurphy11.github.io/professional-portfolio/" target="_blank">
<img src="./assets/images/pp.png" alt="Profession Portfolio">
</a>
<div class="work-tab">
<a href="https://github.com/dpmurphy11/professional-portfolio" target="_blank">
<strong>Profession Portfolio</strong><br />HTML/CSS/JavaScript/FlexBox
</a>
</div>
</div>
<div class="work-item">
<a href="https://dpmurphy11.github.io/password-generator/" target="_blank">
<img src="./assets/images/pwd.png" alt="Password Generator">
</a>
<div class="work-tab">
<a href="https://github.com/dpmurphy11/password-generator" target="_blank">
<strong>Password Generator</strong><br />HTML/CSS/JavaScript
</a>
</div>
</div>
</div>
</section>
<footer>
<section class="contact-container">
<div id="contact-me" class="margin">
<h3>Contact Me</h3>
</div>
<ul>
<li>
207.475.7320
</li>
<li>
<a href="mailto:[email protected]">Email</a>
</li>
<li>
<a href="https://github.com/dpmurphy11" target="_new">GitHub</a>
</li>
<li>
<a href="https://www.linkedin.com/in/donald-murphy-436a56200/" target="_new">LinkedIn</Inp></a>
</li>
</ul>
</section>
</footer>
</main>
</body>
</html>