-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
172 lines (162 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
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
<!DOCTYPE HTML>
<!--
Phantom by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Peter Luitjens - Web Developer</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/fontawesome-all.min.css" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="inner">
<!-- Logo -->
<a href="index.html" class="logo">
<span class="symbol"><img src="images/default-monochrome.svg" alt="" /></span>
</a>
<!-- Nav -->
<nav>
<ul>
<li><a href="#menu">Menu</a></li>
</ul>
</nav>
</div>
</header>
<!-- Menu -->
<nav id="menu">
<h2>Menu</h2>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#sites">Sample Sites</a></li>
<li><a href="#footer">Contact</a></li>
<li><a href="about.html">About Peter</a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<div class="inner">
<header>
<h1>I am a web developer serving small <br />
businesses throughout Phoenix.</h1>
<p>Are you missing out on sales because customers can't find you online? Getting a website up and running has never been easier. Get a beautiful website that looks great on phones, tablets, and desktop computers. If you are looking to make online sales, you have the choice between integrating an off the shelf shopping cart or getting something custom made to fit your needs. Large or small, I can build a site that will fit your needs.</p>
</header>
<section class="tiles" id="sites">
<h3>Some sample Websites</h3>
<article class="style1">
<span class="image">
<img src="images/desert_kayak_adventures.jpg" alt="Desert Kayak Adventures website" />
</span>
<a href="https://desertkayakadventures.netlify.app/" target="_blank"></a>
<h2>Desert Kayak Adventures</h2>
<div class="content">
<p></p>
</div>
</article>
<article class="style2">
<span class="image">
<img src="images/AllensComputerSite.png" alt="Allen's Computer Repair website" />
</span>
<a href="https://allenscomputer.netlify.app/" target="_blank"></a>
<h2>Allen's Computer Repair</h2>
<div class="content">
<p></p>
</div>
</article>
</section>
<hr>
<section class="tiles" id="sites">
<h3>Works in Progress</h3>
<article class="style3">
<span class="image">
<img src="images/MCWebsite.gif" alt="McGowan Controls website" />
</span>
<a href="http://mcgowancontrols.cyclic.app" target="_blank"></a>
<h2>McGowan Controls</h2>
<p></p>
<div class="content">
<p></p>
</div>
</article>
<article class="style3">
<span class="image">
<img src="images/doorbell_designs.jpg" alt="Doorbell Designs website" />
</span>
<a href="https://releasethehoundsdoorbell.com" target="_blank"></a>
<h2>Doorbell Designs</h2>
<p></p>
<div class="content">
<p></p>
</div>
</article>
</section>
<hr>
<section class="tiles" id="sites">
<h3>Other Projects</h3>
<article>
<span class="image">
<img src="images/birds-of-phoenix-api.jpg" alt="" />
</span>
<a href="https://birdsofphoenix.cyclic.app/" target="_blank"></a>
<h2>Birds Of Phoenix API</h2>
<p></p>
<div class="content">
<p></p>
</div>
</article>
</section>
</div>
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<section>
<h2>Get in touch</h2>
<form name="contactForm" method="post" data-netlify="true">
<div class="fields">
<div class="field half">
<input type="text" name="name" id="name" placeholder="Name" />
</div>
<div class="field half">
<input type="email" name="email" id="email" placeholder="Email" />
</div>
<div class="field">
<textarea name="message" id="message" placeholder="Message"></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Send" class="primary" /></li>
</ul>
</form>
</section>
<section>
<h2>Contact Info</h2>
<ul class="icons">
<li><a href="https://github.com/busma13" class="icon brands style2 fa-github"><span class="label">GitHub</span></a></li>
<li><a href="https://twitter.com/PeterLuitjens" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="tel:4804168356" class="icon solid style2 fa-phone"><span class="label">(480)416-8356</span></a></li>
<li><a href="mailto:[email protected]" class="icon solid style2 fa-envelope"><span class="label">[email protected]</span></a></li>
</ul>
</section>
<ul class="copyright">
<li>© Peter Luitjens 2022. All rights reserved</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>