Skip to content

Commit 602e049

Browse files
Mercedes README HTML/CSS (#55)
* feat: Created a README using HTML * feat: made image responsive
1 parent 990e3ac commit 602e049

File tree

3 files changed

+123
-0
lines changed

3 files changed

+123
-0
lines changed
127 KB
Loading

lesson_01/mercedesmathews/index.html

Lines changed: 67 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,67 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Read Me Using HTML</title>
7+
<link rel="stylesheet" href="styles.css"> </head>
8+
<body>
9+
<section></section>
10+
<h1>Mercedes Mathews README</h1>
11+
<hr>
12+
<img src="images/headshot.JPG" class="responsive">
13+
<h2>About Me</h2>
14+
<hr>
15+
<p>I am 23 years old and just graduated from the University of Delaware with a Computer Science degree. I was a gymnast for about 17 years and started when I was 18 months. I taught gymnastics for over 7 years and was a Tech Lead with Code Differently for almost 2 years.</p>
16+
<h2>Working With Me</h2>
17+
<hr>
18+
<p>I am a night owl even though my schedule doesn't reflect that currently. I prefer working and talking in person but I am best reached via the google chat or text. I'm a bit more of a visual learner so videos and diagrams are my go to.</p>
19+
<h2>My Current Schedule</h2>
20+
<hr>
21+
<ol>
22+
<li>Wake up and get prepped for the day (6:00am - 6:30am)</li>
23+
<li>Go to the gym (About 7:00am - 8:30am)
24+
<ul>
25+
<li>Weightlifting / Strength</li>
26+
</ul>
27+
</li>
28+
<li>Go to class (9:00am - 5:00pm)
29+
<ul>
30+
<li>Stay after if needed (up until 7:00pm)</li>
31+
</ul>
32+
</li>
33+
<li>Go to the gym again (30 - 60 mins)
34+
<ul>
35+
<li>Cardio / Endurance</li>
36+
</ul>
37+
</li>
38+
<li>Go home (yay 😄)</li>
39+
</ol>
40+
<hr class="thick">
41+
<blockquote>
42+
<p><em>I am training for a hybrid race called <a href="https://hyrox.com/the-fitness-race/" target="_blank">HYROX</a> which is why I workout multiple times a day.</em></p>
43+
<p><em>Some days are rest days or only have one workout depending on that day's training.</em></p>
44+
</blockquote>
45+
<h2>Things I like</h2>
46+
<hr>
47+
<ul>
48+
<li>Working out or weight lifting</li>
49+
<li>Coffee and matcha, I prefer them both iced</li>
50+
<li>Cava, El Diablo, Chic-fil-a</li>
51+
<li>Hanging out with my friends</li>
52+
<li>Traveling</li>
53+
<li>Going to the beach</li>
54+
<li>Music, concerts, and festivals</li>
55+
<li>Oreo Mcflurries</li>
56+
<li>Naps</li>
57+
</ul>
58+
<h2>Fun Facts</h2>
59+
<hr>
60+
<ul>
61+
<li>I studied abroad in Thailand for a month</li>
62+
<li>My dad was a gymnast, taught gymnastics/cheer, and was the main reason I started gymnastics</li>
63+
<li>My parents were bodybuilders and the reason I'm big into weightlifting</li>
64+
<li>I'm not a natural redhead</li>
65+
</ul>
66+
</body>
67+
</html>

lesson_01/mercedesmathews/styles.css

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
body {
2+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
3+
font-size: 16px;
4+
line-height: 1.5;
5+
color: #1f2328;
6+
margin: 35px;
7+
}
8+
9+
h1, h2 {
10+
font-weight: 600;
11+
margin-bottom: 0;
12+
}
13+
14+
img {
15+
width: auto;
16+
}
17+
18+
hr {
19+
border: .5px solid #dae0e7;
20+
margin-top: .25rem;
21+
margin-bottom: 1rem;
22+
}
23+
24+
p{
25+
margin-top: 0;
26+
margin-bottom: 1rem;
27+
28+
}
29+
30+
blockquote {
31+
color: #59636e;
32+
border-left: .25em solid #dae0e7;
33+
padding: 0 1em;
34+
margin-left: 0;
35+
}
36+
37+
.thick {
38+
border: 2px solid #dae0e7;
39+
margin-top: 1.5rem;
40+
margin-bottom: 1.5rem;
41+
}
42+
43+
ol>li, ul>li {
44+
margin-bottom: .25rem;
45+
}
46+
47+
a {
48+
text-underline-offset: .2rem;
49+
color: #0969da;
50+
cursor: pointer;
51+
}
52+
53+
.responsive {
54+
max-width: 100%;
55+
height: auto;
56+
}

0 commit comments

Comments
 (0)