-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
executable file
·178 lines (166 loc) · 14.7 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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
<!DOCTYPE html>
<html lang="en-GB">
<head>
<title>DawnM | Resume</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="CV website for DawnM Calder-Murphy, Full Stack Development student, and Graphic Designer">
<meta name="keywords" content="Fullstack developer, graduate, HTML, CSS, JavaScript, Python, Graphic Designer">
<meta name="author" content="DawnM">
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="assets/css/styles.css" />
<link rel="icon" type="image/png" href="assets/favicomatic/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="assets/favicomatic/favicon-16x16.png" sizes="16x16" />
</head>
<body>
<!-- Header includes my name, job title & button to email me. To be added later: button for switching to site optimised for those with visual impairment. -->
<header>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="index.html">
<img alt="DawnM - Developer and Designer" src="assets/images/DawnM-resume-brand.svg">
</a>
<a class="btn btn-default navbar-btn" href="mailto:[email protected]" target="_blank"><img src="assets/images/navicon-emailme.svg" alt="Email me button" title="Email Me"></a>
<a class="btn btn-default navbar-btn hidden-xs hidden-sm" href="work.html"><img src="assets/images/navicon-work.svg" alt="Work button" title="My Work Experience"></a>
<a class="btn btn-default navbar-btn hidden-xs hidden-sm" href="skills.html"><img src="assets/images/navicon-skills.svg" alt="Skills button" title="My Skills"></a>
<a class="btn btn-default navbar-btn hidden-xs hidden-sm" href="studies.html"><img src="assets/images/navicon-study.svg" alt="Studies button" title="My Studies"></a>
<a class="btn btn-default navbar-btn hidden-xs hidden-sm" href="index.html"><img src="assets/images/navicon-author.svg" alt="Home button" title="About Me"></a>
</div>
</div>
</nav>
</header>
<!-- Main content of the page. Should look like a stack of paper pages with info on. -->
<main class="container-fluid">
<div class="row row-table">
<!-- this div will create the BOTTOM 'piece of paper' in the stack. None of the content needs to be visible but it does need to be included to ensure this 'piece of paper' is the same size as the top 'piece of paper' with the visible content. Bootstrap hidden classes and css visibility used so that this content doesn't interfere with screen readers. -->
<div class="col-xs-10 col-xs-offset-1 col-sm-10 col-sm-offset-1 col-md-7 col-md-offset-1 col-lg-8 col-lg-offset-1 paper-stack">
<div class="page bottom-page">
<div class="clearfix">
<img src="assets/images/author-img-grey.svg" alt="Author icon" class="author-img">
<p>I have completed various graphic design, web design, and web development courses online over the past 2 years. I would like to join a company that offers exposure to a range of projects where I can use and develop my new skills. A company with a focus on people or the environment would be ideal, but is by no means essential.</p>
<img src="assets/images/cmlove-tree.svg" alt="tree of life" class="tree hidden-xs hidden-sm">
<p class="hidden-xs">My favourite aspects of previous roles were always on the creative side, whether improving existing forms and documentation for ease of use, or working on branding projects. My new skills will allow me to make these preferences the focus of my career.</p>
<p>The combination of my 18 years varied industry experience, along with my continual focus on education enables me to more easily relate to clients processes and needs, thereby bringing about more efficient solutions.</p>
</div>
<div class="hidden-md hidden-lg">
<ul class="list-inline social-links">
<li><a target="_blank" href="https://github.com/DawnM"><img src="assets/images/socicon-github-mark-dark.svg" alt="My Github Repos"></a></li>
<li><a target="_blank" href="https://www.linkedin.com/in/dawn-caldermurphy/"><img src="assets/images/socicon-linkedin.svg" alt="View my LinkedIn"></a></li>
<li><a target="_blank" href="https://twitter.com/DawnM_Created"><img src="assets/images/socicon-twitter.svg" alt="Check out my tweets"></a></li>
<li><a target="_blank" href="#"><img src="assets/images/socicon-pdf.svg" alt="Download my CV"></a></li>
</ul>
</div>
<div class="container-fluid hidden-xs hidden-sm">
<blockquote class="col-lg-4">
<img src="assets/images/quotes.svg" alt="quote marks" class="img-resposive center-block">
<p>[] testament to her professionalism, hardworking nature, eye for detail and enthusiasm for her role. [Dawn] is always ready to go above and beyond for her colleagues[.]</p>
<footer>Gregg Johnson, <cite title="Source Title">LinkedIn review</cite></footer>
</blockquote>
<blockquote class="col-lg-4">
<img src="assets/images/quotes.svg" alt="quote marks" class="img-resposive center-block">
<p>Dawn [] helped refine our company logo. Her flexible style and close attention to detail was valuable to achieving our end goals. </p>
<footer>Sue Kaur, <cite title="Source Title">LinkedIn review</cite></footer>
</blockquote>
<blockquote class="col-lg-4">
<img src="assets/images/quotes.svg" alt="quote marks" class="img-resposive center-block">
<p>Dawn['s] [] competent design work ensur[ed] our presentation to clients was of top class standard.</p>
<footer>JP Pfeiffer, <cite title="Source Title">LinkedIn review</cite></footer>
</blockquote>
</div>
</div>
<!-- this div will create the MIDDLE 'piece of paper' in the stack. None of the content needs to be visible but it does need to be included to ensure this 'piece of paper' is the same size as the top 'piece of paper' with the visible content. Bootstrap hidden classes and css visibility used so that this content doesn't interfere with screen readers. -->
<div class="page middle-page">
<div class="clearfix">
<img src="assets/images/author-img-grey.svg" alt="Author icon" class="author-img">
<p>I have completed various graphic design, web design, and web development courses online over the past 2 years. I would like to join a company that offers exposure to a range of projects where I can use and develop my new skills. A company with a focus on people or the environment would be ideal, but is by no means essential.</p>
<img src="assets/images/cmlove-tree.svg" alt="tree of life" class="tree hidden-xs hidden-sm">
<p class="hidden-xs">My favourite aspects of previous roles were always on the creative side, whether improving existing forms and documentation for ease of use, or working on branding projects. My new skills will allow me to make these preferences the focus of my career.</p>
<p>The combination of my 18 years varied industry experience, along with my continual focus on education enables me to more easily relate to clients processes and needs, thereby bringing about more efficient solutions.</p>
</div>
<div class="hidden-md hidden-lg">
<ul class="list-inline social-links">
<li><a target="_blank" href="https://github.com/DawnM"><img src="assets/images/socicon-github-mark-dark.svg" alt="My Github Repos"></a></li>
<li><a target="_blank" href="https://www.linkedin.com/in/dawn-caldermurphy/"><img src="assets/images/socicon-linkedin.svg" alt="View my LinkedIn"></a></li>
<li><a target="_blank" href="https://twitter.com/DawnM_Created"><img src="assets/images/socicon-twitter.svg" alt="Check out my tweets"></a></li>
<li><a target="_blank" href="#"><img src="assets/images/socicon-pdf.svg" alt="Download my CV"></a></li>
</ul>
</div>
<div class="container-fluid hidden-xs hidden-sm">
<blockquote class="col-lg-4">
<img src="assets/images/quotes.svg" alt="quote marks" class="img-resposive center-block">
<p>[] testament to her professionalism, hardworking nature, eye for detail and enthusiasm for her role. [Dawn] is always ready to go above and beyond for her colleagues[.]</p>
<footer>Gregg Johnson, <cite title="Source Title">LinkedIn review</cite></footer>
</blockquote>
<blockquote class="col-lg-4">
<img src="assets/images/quotes.svg" alt="quote marks" class="img-resposive center-block">
<p>Dawn [] helped refine our company logo. Her flexible style and close attention to detail was valuable to achieving our end goals. </p>
<footer>Sue Kaur, <cite title="Source Title">LinkedIn review</cite></footer>
</blockquote>
<blockquote class="col-lg-4">
<img src="assets/images/quotes.svg" alt="quote marks" class="img-resposive center-block">
<p>Dawn['s] [] competent design work ensur[ed] our presentation to clients was of top class standard.</p>
<footer>JP Pfeiffer, <cite title="Source Title">LinkedIn review</cite></footer>
</blockquote>
</div>
</div>
<!-- this div will create the TOP 'piece of paper' in the stack. All content is visible, according to screen size settings. -->
<div class="page top-page">
<div class="clearfix">
<img src="assets/images/author-img-grey.svg" alt="Author icon" class="author-img">
<p>I have completed various graphic design, web design, and web development courses online over the past 2 years. I would like to join a company that offers exposure to a range of projects where I can use and develop my new skills. A company with a focus on people or the environment would be ideal, but is by no means essential.</p>
<img src="assets/images/cmlove-tree.svg" alt="tree of life" class="tree hidden-xs hidden-sm">
<p class="hidden-xs">My favourite aspects of previous roles were always on the creative side, whether improving existing forms and documentation for ease of use, or working on branding projects. My new skills will allow me to make these preferences the focus of my career.</p>
<p>The combination of my 18 years varied industry experience, along with my continual focus on education enables me to more easily relate to clients processes and needs, thereby bringing about more efficient solutions.</p>
</div>
<div class="hidden-md hidden-lg">
<ul class="list-inline social-links">
<li><a target="_blank" href="https://github.com/DawnM"><img src="assets/images/socicon-github-mark-dark.svg" alt="My Github Repos"></a></li>
<li><a target="_blank" href="https://www.linkedin.com/in/dawn-caldermurphy/"><img src="assets/images/socicon-linkedin.svg" alt="View my LinkedIn"></a></li>
<li><a target="_blank" href="https://twitter.com/DawnM_Created"><img src="assets/images/socicon-twitter.svg" alt="Check out my tweets"></a></li>
<li><a target="_blank" href="#"><img src="assets/images/socicon-pdf.svg" alt="Download my CV"></a></li>
</ul>
</div>
<div class="container-fluid hidden-xs hidden-sm">
<blockquote class="col-lg-4">
<img src="assets/images/quotes.svg" alt="quote marks" class="img-resposive center-block">
<p>[] testament to her professionalism, hardworking nature, eye for detail and enthusiasm for her role. [Dawn] is always ready to go above and beyond for her colleagues[.]</p>
<footer>Gregg Johnson, <cite title="Source Title">LinkedIn review</cite></footer>
</blockquote>
<blockquote class="col-lg-4">
<img src="assets/images/quotes.svg" alt="quote marks" class="img-resposive center-block">
<p>Dawn [] helped refine our company logo. Her flexible style and close attention to detail was valuable to achieving our end goals. </p>
<footer>Sue Kaur, <cite title="Source Title">LinkedIn review</cite></footer>
</blockquote>
<blockquote class="col-lg-4">
<img src="assets/images/quotes.svg" alt="quote marks" class="img-resposive center-block">
<p>Dawn['s] [] competent design work ensur[ed] our presentation to clients was of top class standard.</p>
<footer>JP Pfeiffer, <cite title="Source Title">LinkedIn review</cite></footer>
</blockquote>
</div>
</div>
</div>
<div class="social-links hidden-xs hidden-sm col-md-4 col-md-offset-0 col-lg-3 col-lg-offset-0">
<ul>
<li><a target="_blank" href="https://github.com/DawnM">Github Repos<img class="social-icon" src="assets/images/socicon-github-mark-light.svg" alt="github icon"></a></li>
<li><a target="_blank" href="https://www.linkedin.com/in/dawn-caldermurphy/">LinkedIn Profile<img class="social-icon" src="assets/images/socicon-linkedin.svg" alt="linkedin icon"></a></li>
<li><a target="_blank" href="https://twitter.com/DawnM_Created">@DawnM_Created<img class="social-icon" src="assets/images/socicon-twitter.svg"></a></li>
<li><a target="_blank" href="assets/Dawn-CM_CV-2018.pdf">Download my CV<img class="social-icon" src="assets/images/socicon-pdf.svg" alt="PDF icon"></a></li>
</ul>
</div>
</div>
</main>
<!-- Footer contains the navbar on all portrait screens, so that its closer to the user's hand. On tablet landscape screens, and desktop, it should show in the top nav -->
<footer class="hidden-md hidden-lg">
<nav class="navbar navbar-default navbar-fixed-bottom">
<div class="container-fluid bottom-nav">
<a class="btn btn-default navbar-btn" href="index.html"><img src="assets/images/navicon-author.svg" alt="Home button" title="About Me"></a>
<a class="btn btn-default navbar-btn" href="studies.html"><img src="assets/images/navicon-study.svg" alt="Studies button" title="My Studies"></a>
<a class="btn btn-default navbar-btn" href="skills.html"><img src="assets/images/navicon-skills.svg" alt="Skills button" title="My Skills"></a>
<a class="btn btn-default navbar-btn" href="work.html"><img src="assets/images/navicon-work.svg" alt="Work button" title="My Work Experience"></a>
</div>
</nav>
</footer>
</body>
</html>