-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
167 lines (92 loc) · 5.42 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Code Louisville Student Portfolio</title>
<link href="https://fonts.googleapis.com/css?family=Cabin|Roboto:400,700|Roboto+Condensed:400,700" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<link rel="icon" href="img/favicon.ico" type="image/x-icon">
</head>
<body>
<section class="header-container">
<header class="header-content">
<div class="main-logo">
<span>CL Student Portfolio</span>
</div>
<nav class="main-nav">
<ul id="navigation">
<li><a href="#aboutme">About Me</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<nav class="mobile-nav">
<span><a href="#">☰</a></span>
</nav>
</header>
</section>
<section class="hero-container" id="hero">
<div class="hero-content">
<h1>You're Going to Hire Me.</h1>
<p>Hello, my name is Polar Bear I'm a student at Code Lousville. In about 24 weeks I will have the skills and knowledge to be hired as a Junior Web Developer.</p>
<a href="#aboutme" class="btn">Learn More About Me</a>
</div>
</section>
<section class="aboutme-container" id="aboutme">
<div class="aboutme-content">
<img src="img/hans-jurgen-mager-AZ31hv9kdzE-unsplash.jpg" alt="Profile Photo" class="aboutme-photo">
<h2>About Me</h2>
<p>Will code for meat. Grr grr lumber about ontop of the snow. Bear loves ice and snow. Walk on ice my friend the seal is hiding. I will find them soon. Going to lumber around some more grr grr. Its a little too cold here, but I will be fine. If you visit Svalbard an island close to the North Pole you can see me there. However, Svalbard has six months of nonstop darkness and six months of nonstop daylight. Beware because I may find you in the dark. Grr grr I go under water to swim, I see some penguins. Funny flightless birds have a movie about them dancing. I have a book series where I have armor and can talk to humans. I'm cooler. I finally found seal. I emerge with my seal friend they have fish and so do I. </p>
</div>
</section>
<section class="projects-container" id="projects">
<main class="projects-content">
<article class="projects-item">
<h3>Project 1</h3>
<p>Fall over dead (not really but gets sypathy). Intently stare at the same spot sleeps on my head. Rub face on owner whenever a door is opened, rush in before the human. I shredded your linens for you love you, then bite you.</p>
<p><a href="#" class="btn">View on GitHub »</a></p>
</article>
<article class="questions-item">
<h3>Project 2</h3>
<p>Where is it? i saw that bird i need to bring it home to mommy squirrel! hiss at vacuum cleaner and catch mouse and gave it as a present or is good you understand your place in my world so nyan nyan goes the cat. </p>
<p><a href="#" class="btn">View on GitHub »</a></p>
</article>
<article class="questions-item">
<h3>Project 3</h3>
<p>Little yarn mouse, bare fangs at toy run hide in litter box until treats are fed sit and stare or russian blue but sleep on dog bed, force dog to sleep on floor. Pet my belly, you know you want to; seize the hand and shred it! with tail in the air. </p>
<p><a href="#" class="btn">View on GitHub »</a></p>
</article>
</section>
<section class="contact-container">
<h3>Contact</h3>
<div class="container">
<form action="action_page.php">
<label for="fullName">Full Name</label>
<input type="text" id="fullName" name="fullName" placeholder="Your name..">
<label for="email">Email</label>
<input type="text" id="email" name="email" placeholder="Your Email..">
<label for="poles">Your Pole</label>
<select id="pole" name="pole">
<option value="svalbard">Svalbard</option>
<option value="northpole">North Pole</option>
<option value="southpole">South Pole</option>
</select>
<label for="subject">Subject</label>
<textarea id="subject" name="subject" placeholder="Write something.." style="height:200px"></textarea>
<input type="submit" value="Submit">
<a href="#contact"></a>
</form>
</div>
</section>
</main>
</section>
<section class="footer-container">
<footer class="footer-content">
<p>© 2022 Code Louisville. This website maintained by: Polar Bear</p>
</footer>
</section>
<script src="js/app.js"></script>
</body>
</html>