-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
165 lines (93 loc) · 5.8 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<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 [INSERT NAME] 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/batcat.png" alt="Profile Photo" class="aboutme-photo">
<h2>About Me</h2>
<p>Will code for catnip. Nyaa nyaa bawl under human beds under the bed. Kitty loves pigs attack the child. Walk on keyboard my slave human didn't give me any food so i pooped on the floor or jump on fridge or Gate keepers of hell for run around the house at 4 in the morning meow all night having their mate disturbing sleeping humans bleghbleghvomit my furball really tie the room together. Scratch at fleas, meow until belly rubs, hide behind curtain when vacuum cleaner is on scratch strangers and poo on owners food instead of drinking water from the cat bowl, make sure to steal water from the toilet to pet a cat, rub its belly, endure blood and agony, quietly weep, keep rubbing belly and throw down all the stuff in the kitchen cuddle no cuddle cuddle love scratch scratch i shall purr myself to sleep and take a deep sniff of sock then walk around with mouth half open. </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>
</main>
</section>
<section class="contact-container" id="contact">
<div class="contact-content">
<h2>Contact</h2>
<div class="address">
<p>BATCAT<br>
7626 La Grange Rd<br>
Pewee Valley, KY 40056</p>
</div>
<div class="map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3131.0403546609095!2d-85.50002512419908!3d38.30173278163101!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x886999685358dfcd%3A0xef64ee958c8046dd!2s7626%20La%20Grange%20Rd%2C%20Pewee%20Valley%2C%20KY%2040056!5e0!3m2!1sen!2sus!4v1723474620301!5m2!1sen!2sus" width="300" height="200" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class="contact-social">
<a href="https://www.facebook.com/JucysBBQ" target="_blank">
<ion-icon name="logo-facebook"></ion-icon>
</a>
<a href="mailto:jucys.smokehouse96@gmail.com" target="_blank">
<ion-icon name="mail-outline"></ion-icon>
</a>
</div>
</div>
</section>
<section class="footer-container">
<footer class="footer-content">
<p>© 2022 Code Louisville. This website maintained by: [YOUR NAME HERE]</p>
</footer>
</section>
<script src="js/app.js"></script>
<script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
</body>
</html>