-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
148 lines (138 loc) · 4.28 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="css/style.css" />
<title>Site</title>
</head>
<body>
<!-- showcase and nav-->
<div id="showcase">
<header>
<nav class="cf">
<ul class="cf">
<li class="hide-on-small">
<a href="#showcase">alanee</a>
</li>
<li><a href="#showcase">Home</a></li>
<li><a href="#about">About Me</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#contact">Contact Me</a></li>
</ul>
<a href="#" id="openup">Menu</a>
</nav>
</header>
<div class="section-main container">
<h1>alanee designs</h1>
<blockquote>
<p>"Every morning you have two choices: continue to sleep with your dreams, or get up and chase them."
</p>
</blockquote>
</div>
</div>
<!-- about section-->
<section id="about" class="section">
<div class="container">
<div class="about">
<div>
<h2 class="section-head text-center">Hello!</h2>
<p class="lead">
My name is Alyssa, and I created Alanaee Designs
because I love creating all of the things from
professional website design to logos to branding
businesses!
<br />
I graduated in 2014 from Indiana University with a
BA in Studio Art and Medical Illustration. After
graduation, I started working in health care to help
kickstart my knowledge of medical terminology to
hopefully become the next Frank Netter. Turns out,
that's not actually where my passion is and it took
me a few years to really find that out.
<br />
I have since been freelancing, attending conferences
and building my design skills. I want to help other
entrepreneurs create the business look of their
dreams, but to also meet some pretty awesome people!
I would love to connect with you and build a better,
stronger brand for your businesses as well.
<br />
For more information on my work check out the
Portfolio page, or if you are wanting to inquire
about an opportunity, collab, or to just send a
hello, feel free to send me a message! I check my
email probably too often so I should be able to
respond pretty quickly!
<br />
Cheers Rockstars!
</p>
</div>
<div class="sub">
<img class="me" src="images/me.jpg" alt="" />
</div>
</div>
</div>
</section>
<!-- portfolio section-->
<section id="portfolio" class="section bg-light">
<div class="container grid">
<div>
<img src="images/left.png" alt="" />
</div>
<div>
<img src="images/right.png" alt="" />
</div>
<div>
<img src="images/left2.jpg" alt="" />
</div>
<div>
<img src="images/right2.jpg" alt="" />
</div>
<div>
<img src="images/bottom.png" alt="" />
</div>
</div>
</section>
<!-- contact-->
<section id="contact" class="section">
<div class="form text-center">
<h3>
Hello!
</h3>
<p class="lead">
Want to inquire about pricing, or collab on a project? I’d
love to chat so send me a message and I will get back with
you as soon as I can!
</p>
</div>
<div class="form text-center">
<form action="mailto:" method="post" enctype="text/plain">
<label for="fname"></label>
<input type="text" id="fname" name="firstname" placeholder=" first name" /><br />
<label for="lname"></label>
<input type="text" id="lname" name="lastname" placeholder=" last name" /><br />
<label for="email"></label>
<input type="text" id="email" name="email" placeholder=" email" /><br />
<label for="Message"></label>
<textarea id="Message" name="Message" placeholder=" message" style="height:200px"></textarea>
<input type="submit" value="Submit" />
</form>
</div>
</section>
<!-- footer-->
<footer>
<div>
<div class="footnote">
<h3>Thank You For Visiting!</h3>
</div>
<div class="footer-bottom text-center">
Copyright © 2019 alanaee designs
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.4.0.min.js"
integrity="sha256-BJeo0qm959uMBGb65z40ejJYGSgR7REI4+CW1fNKwOg=" crossorigin="anonymous"></script>
<script src="js/main.js"></script>
</body>
</html>