-
Notifications
You must be signed in to change notification settings - Fork 0
/
genericTemplate.html
126 lines (113 loc) · 5.54 KB
/
genericTemplate.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
<!DOCTYPE HTML>
<html>
<head>
<title>Mark Miller's Portfolio</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body>
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1><a href="index.html">Home</a></h1>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>
<!-- Menu -->
<nav id="menu">
<div class="inner">
<h2>Menu</h2>
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="aboutMe.html">About Me</a></li>
<li><a href="webPortfolio.html">Software Development</a></li>
<li><a href="dataScience.html">Data Science</a></li>
</ul>
<a href="#" class="close">Close</a>
</div>
</nav>
<!-- Wrapper -->
<section id="wrapper">
<header>
<div class="inner">
<h2>Web Portfolio</h2>
<p>Here are a few examples of projects that I have worked on in the past few years. See my <a href="https://github.com/markmiller21">GitHub</a> for more projects</p>
</div>
</header>
<!-- Content -->
<div class="wrapper">
<div class="inner">
<!-- Project Storm -->
<h3 class="major">Deltek Storm</h3>
<p>
Full Stack JavaScript Developer on a project to port an existing CRM desktop application to a cloud based single page JavaScript Application. I serve as the lead developer for one of the main applications in this project, Marketing Campaigns. In this role, I am often creating user interface components that are populated via asynchronous RESTful API calls. Every line of code in the Campaign application must go through a Code Review and Pull Request process with me before entering the code base.
</p>
<p>
Before working on an Application team, I worked on the Architecture team. My role on the Architecture team was to build out a "Kitchen Sink" application. The "Kitchen Sink" application has at least one example of each component in our entire application. The purpose of the "Kitchen Sink" application was to guide developers on how to build these component and to serve as a testing suite.
</p>
<section class="features">
<article>
<a href="#" class="image"><img src="images/pic04.jpg" alt="" /></a>
<h3>Marketing Campaigns</h3>
</article>
<article>
<a href="#" class="image"><img src="images/pic05.jpg" alt="" /></a>
<h3>Kitchen Sink</h3>
</article>
</section>
<!-- <section class="features">
<article>
<a href="#" class="image"><img src="images/pic04.jpg" alt="" /></a>
<h3 class="major">Sed feugiat lorem</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
<a href="#" class="special">Learn more</a>
</article>
<article>
<a href="#" class="image"><img src="images/pic05.jpg" alt="" /></a>
<h3 class="major">Nisl placerat</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
<a href="#" class="special">Learn more</a>
</article>
</section>
-->
</div>
</div>
</section>
<!-- Footer -->
<section id="footer">
<div class="inner">
<h2 class="major">Get in touch</h2>
<p>
Thanks for checking out my blog. If you would like to learn more about me feel free to add me on any of my social media platforms below. Email is the best way to reach me
</p>
<ul class="contact">
<li class="fa-phone">(202) 436-5781</li>
<li class="fa-file-pdf-o"><a href="https://resume.creddle.io/resume/8v7cjw0zl86">creddle.io Resume</a></li>
<li class="fa-envelope"><a href="mailto:mark.kilpatrick.miller@gmail.com?subject=Mark Miller's Blog">mark.kilpatrick.miller@gmail.com</a></li>
<li class="fa-linkedin"><a href="https://www.linkedin.com/pub/mark-miller/32/754/3b6">linkedIn.com/mark-miller</a></li>
<li class="fa-github"><a href="https://github.com/markmiller21">github.com/markmiller21</a></li>
<li class="fa-twitter"><a href="https://twitter.com/markmiller14">twitter.com/markmiller14</a></li>
<li class="fa-facebook"><a href="https://www.facebook.com/mark.kilpatrick.miller">facebook.com/mark.kilpatrick.miller</a></li>
<li class="fa-instagram"><a href="https://www.instagram.com/grillmastermark/">instagram.com/grillmastermark</a></li>
</ul>
<ul class="copyright">
<li>© Mark Miller's blog 2017</li>
</ul>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>