-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
98 lines (97 loc) · 3.39 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./css/main.css" />
<link rel="stylesheet" href="./css/responsive.css" />
<script
src="https://kit.fontawesome.com/aa29875a72.js"
crossorigin="anonymous"></script>
<title>Scott Kingsley - Web Developer, Photographer,</title>
</head>
<body>
<header>
<div class="siteName">
<h2>Scott Kingsley</h2>
<p>[email protected] | 720.257.9889</p>
</div>
<nav>
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./html/about.html">About</a></li>
<li><a href="./html/portfolio.html">Portfolio</a></li>
<li><a href="#contactForm">Contact</a></li>
</ul>
</nav>
</header>
<main id="homePage">
<div class="colOne">
<img src="./images/staircase.jpg" alt="Shaker Village Staircase" />
</div>
<div class="colTwo">
<h1>Scott Kingsley</h1>
<h4>
<span
>Creating Beauty, elegance, and simplicity from complexity.</span
>
</h4>
<p>
Web design, web development, UI/UX, they aren’t just about writing
code. The biggest challenge those roles face is in problem solving.
It’s about working with the stakeholder and understanding the scope of
the project, design limitations, framework requirements. What they
don’t want at all and what they feel they can only wish for. Once
these items are discussed, winnowed down, expanded and settled can the
coding begin. Coding poses its own challenges, but with the game plan
formulated, the coding challenges become solvable bumps along the way.
I approach these challenges with enthusiasm, determination and relish
the opportunity to meet the challenge.
</p>
<a href="./html/about.html"><i class="fa-solid fa-arrow-right"></i></a>
</div>
</main>
<footer>
<div>
<h4>Scott Kingsley</h4>
<p>Denver, Colorado</p>
<p>[email protected]</p>
<p>720.257.9889</p>
</div>
<div id="contactForm">
<h4>Get in touch!</h4>
<form action="success.html" id="#form">
<div>
<div class="grouping">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="grouping">
<label for="email">Email</label>
<input type="email" name="" id="" />
</div>
</div>
<div>
<textarea
name="message"
id="message"
rows="7"
cols="20"
placeholder="Message"></textarea>
</div>
<div><input type="submit" value="Send" id="submit" /></div>
</form>
</div>
<div class="footerNav">
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./html/about.html">About</a></li>
<li><a href="./html/portfolio.html">Portfolio</a></li>
<li><a href="#contactForm">Contact</a></li>
</ul>
</div>
</footer>
<script src="./js/script.js"></script>
<script src="./js/javascript.js"></script>
</body>
</html>