Skip to content

Commit 0919ef7

Browse files
mattieweathersbymattieweathersby
authored
feat: adds lesson01 homework for mattieweathersby (#45)
* feat: creates-mattieweathersby-index-html-file * Update index.html * Update index.html * feat: adds html file and renamed folder * feat/no-ref/adds-images-to-image-folder * feat: adds css styling to match readme markdown * fix:adds changes to CSS file to match README file * fix: undoing changes to lesson02 file * fix:removes quiz file from lesson01 branch
1 parent 70acc3d commit 0919ef7

File tree

4 files changed

+111
-0
lines changed

4 files changed

+111
-0
lines changed

‎lesson_01/mattieweathersby/images/rollerskate.jpg‎

230 KB
Loading

‎lesson_01/mattieweathersby/images/website wireframe.jpg‎

503 KB
Loading

‎lesson_01/mattieweathersby/index.html‎

Lines changed: 70 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,70 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<link rel="stylesheet" href="style.css">
6+
<title>Hi! I'm Mattie Weathersby</title>
7+
</head>
8+
<body>
9+
10+
<h1>Hi! I'm Mattie Weathersby</h1>
11+
<hr>
12+
<h2>This is your guide for getting to know me and how to effectively work with me. Read it carefully, because your life depends on it. JUST KIDDING!</h2>
13+
<hr>
14+
15+
<h3>My work hours</h3>
16+
<p>
17+
I am a morning person, usually around 4–5pm I am unwinding. The best hours to reach me are between 8am–2pm EST. Anything outside of this, depending on the priority, you may not hear from me until the next business day.
18+
</p>
19+
20+
<h3>Best way to communicate</h3>
21+
<p>
22+
I prefer in-person meet ups or FaceTime/phone calls. You must give me a notice prior to making the communication if you want to discuss something in depth.
23+
</p>
24+
25+
<h3>I'd love to help with</h3>
26+
<ul>
27+
<li>branding</li>
28+
<li>content creation</li>
29+
<li>landing pages</li>
30+
<li>funnels</li>
31+
<li>marketing campaigns</li>
32+
</ul>
33+
34+
<h3>What makes me grumpy?</h3>
35+
<ol>
36+
<li>Assuming that I heard or understood what you said</li>
37+
<li>Taking forever to get to the point</li>
38+
<li>Putting out unnecessary negative energy</li>
39+
<li>Not being able to comprehend something</li>
40+
</ol>
41+
42+
<h3>How do I like to give feedback and receive it</h3>
43+
<p>
44+
I prefer in-person feedback. I am a kinesthetic learner, meaning I learn best through physical activity, movement, and hands-on experiences.
45+
</p>
46+
47+
<h3>One of my goals for the upcoming year</h3>
48+
<p>
49+
Investing in myself through mentorship, coaching, networking, webinars, etc., and trusting my skills to create the life I desire.
50+
</p>
51+
52+
<h3>Topics I'm always happy to discuss</h3>
53+
<p>
54+
I love all things conspiracy theories, business, investing, and consumer law.
55+
</p>
56+
57+
<h3>Other things you might want to know?</h3>
58+
<ul>
59+
<li>Skating is my hobby</li>
60+
<li>I love doing physical activity with my 2 kids</li>
61+
<li>I am a Capricorn meaning I am the GOAT</li>
62+
<li>My favorite food is Mac and Cheese</li>
63+
<li>My birthday is January 13th</li>
64+
</ul>
65+
66+
<img src="images/website%20wireframe.jpg" width="1000px" alt="Website wireframe"> <br>
67+
<img src="images/rollerskate.jpg" width="1000px" alt="Rollerskate">
68+
69+
</body>
70+
</html>

‎lesson_01/mattieweathersby/style.css‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
body{
2+
font-family: helvetica, arial, sans-serif;
3+
color: #0C0908;
4+
body {
5+
display: flex; /* Makes the body a flex container */
6+
flex-direction: column; /* Stacks content vertically */
7+
justify-content: center; /* Centers content vertically within the flex container */
8+
align-items: center; /* Centers content horizontally within the flex container */
9+
min-height: 100vh; /* Ensures the body takes up the full viewport height */
10+
}
11+
12+
}
13+
h1, h2{
14+
font-weight: 501;
15+
color: #0C0908;
16+
}
17+
h3{
18+
font-size: 19px;
19+
20+
}
21+
p{
22+
font-size: 16px;
23+
line-height: 1.4;
24+
}
25+
*{
26+
margin: 25px;
27+
}
28+
ul, ol{
29+
margin: 25px;
30+
padding: 0px;
31+
font-size: 16px;
32+
line-height: 3px;
33+
}
34+
hr{
35+
margin-top: -20px;
36+
margin-bottom: 8px;
37+
padding: 0px;
38+
height: 1px;
39+
border: 1px;
40+
background-color: darkgrey;
41+
}

0 commit comments

Comments
 (0)