-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
143 lines (142 loc) · 5.76 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<meta charset="utf-8" />
<meta content="width=device-width, initial-scale=1" name="viewport" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<link rel="stylesheet" href="style.css" />
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
crossorigin="anonymous"
/>
<script
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js"
integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js"
integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13"
crossorigin="anonymous"
></script>
<script
src="https://kit.fontawesome.com/ef845f0af3.js"
crossorigin="anonymous"
></script>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-custom">
<div class="container-fluid">
<a class="navbar-brand speciallink" href="index.html">Logan Smiley</a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarNav"
aria-controls="navbarNav"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"
><i class="fas fa-caret-square-down"></i
></span>
</button>
<div
class="collapse navbar-collapse justify-content-end"
id="navbarNav"
>
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="aboutme.html">About Me</a>
</li>
<li class="nav-item">
<a class="nav-link" href="gallery.html">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link" href="resume.html">Resume</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="vl"></div>
<div class="vl2"></div>
<main>
<div class="clearfix">
<a href="http://www.mechanicsburgmuseum.org/" target="_blank"
><img
src="images/home_portimage.png"
class="col-md-6 float-md-end mb-3 ms-md-3 mainphoto"
style="width: 30%"
alt="photo of Mechanicsburg Museum site on desktop monitor."
id="imgcenter"
/></a>
<h2>Logan Smiley Web Designer</h2>
<p class="copy">
<br />
Hi, my name is Logan Smiley. I graduated from HACC with an associate's
degree in web design and development. I have always had a passion for
the internet and technology. Web design allows me to be part of what I
have loved for years creating websites that satisfy my client's needs
to help their brand shine. It truly is a rewarding experience.
</p>
<p class="copy">
<br />
One of my favorite designs is the concept website shared on this page,
which I had the pleasure of designing with some colleagues.
</p>
<p class="copy">
<br />
I have had four years of HTML and CSS experience. After being
encouraged by my high school web design teacher, I decided to follow
this career path. I have experience with Adobe Creative Cloud
applications such as Adobe Photoshop, Adobe Illustrator, Adobe XD,
Adobe Dreamweaver, Adobe Audition, and Adobe Premiere Pro. In
addition, I follow all the current web design trends by reading blog
posts by design and technology sites such as Design Shack, Lifewire,
Pantone, PC Mag, CNET, and Adobe design articles.
</p>
<p class="copy">
<br />
I specialize in working with HTML and CSS with some basic Javascript
knowledge. I also have extensive skills in UX design and earned a
certificate from Google's course on Coursera. I possess familiarity
with creating prototypes, style guides, and web compositions. In
addition, I am savvy with graphic design and photography. I have
studied typography for the web, Bootstrap 4. Managing social media
accounts and creating content for accounts is another mastery in my
repertoire, running a blog and Instagram account for a specific
interest garnering up to 500 followers over a year.
</p>
</div>
</main>
<footer>
Links: <a href="index.html">Home</a> |
<a href="aboutme.html">About Me</a> | <a href="gallery.html">Gallery</a>
<br />
©Logan Smiley
<a href="https://dribbble.com/LoganDesignsforWeb" target="_blank"
><i class="fab fa-dribbble"></i
></a>
<a href="https://github.com/Logan-MS" target="_blank"
><i class="fab fa-github"></i
></a>
<a
href="https://www.linkedin.com/in/logan-smiley-767947190/"
target="_blank"
><i class="fab fa-linkedin-in"></i
></a>
</footer>
</body>
</html>