-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
104 lines (99 loc) · 3.44 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Briana Wilder: UX Designer</title>
<link rel="stylesheet" href="./style.css" />
<link
href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap"
rel="stylesheet"
/>
</head>
<body>
<header>
<div class="name-header">
<img
src="Profile Image.svg"
alt="Briana Wilder"
class="Profile-Image"
/>
<h1>Briana Wilder</h1>
<p>User Experience Designers</p>
<a
href="https://www.linkedin.com/in/your-linkedin-profile"
class="linkedin-button"
>LinkedIn</a
>
</div>
</header>
<div class="portfolio">
<img src="DP.svg" alt="Briana Wilder portfolio" class="DP" />
<img src="DP Body.svg" alt="Briana Wilder Photography" class="DP-Body" />
<img src="Scroll icon.svg" alt="icon" class="Scroll-icon" />
</div>
<main>
<section class="Introduction">
<h2>About Me</h2>
<p>
I am a passionate + strategic user experience specialist dedicated to
creating solutions that bridges gaps between businesses and their
audiences. My philosophy in user experience is centered in
<span class="tagline"
>Elevating brands through digital experiences people love.</span
>
<br />
My foundational background in customer service has served as a
stepping stone in understanding how to create experiences that allow
user facing interactions to cultivate relationships. Marrying my
foundations with my passion for design, empathy in problem solving,
and business strategy ive been able to help small businesses increase
revenue at the height of +30%, leverage partnerships, increase
visibility, and help community and customers through initiatives Ive
designed through brand and market opportunities.
</p>
<img src="logo.svg" alt="Briana Wilder logo" class="logo" />
<a
href="https://icstarschicago-my.sharepoint.com/:b:/g/personal/bwilder_icstars_org/Ec1GvheslcRDoz6VyRoIkIoBVWClFXqKpNBTqfiU6BhneA?e=OpXs3k"
class="Resume"
>Resume</a
>
<a href="https://www.bwbrandmgmt.com/" class="linkedin-button"
>My Work</a
>
</section>
</main>
<footer>
<h3 class="form-title">Let's Connect</h3>
<form id="connectForm" class="connect-form">
<div class="form-group">
<label for="firstName" class="form-label">First Name:</label>
<input
type="text"
id="firstName"
name="firstName"
class="form-input"
required
/>
</div>
<div class="form-group">
<label for="email" class="form-label">Email:</label>
<input
type="email"
id="email"
name="email"
class="form-input"
required
/>
</div>
<button type="submit" class="submit-button">Enter</button>
</form>
<p id="thankYouMessage" class="thank-you-message"></p>
</footer>
<script src="index.js"></script>
</body>
</html>