html
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
<!DOCTYPE html>
<html>
<head>
<title>Lettie's Blog</title>
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
</head>
<body>
<!-- header start-->
<div id="header" class="section">
<p><img alt="" class="img-circle" src="https://code.sololearn.com/Icons/Avatars/0.jpg"><br/>
Lettie Jewell</p>
</div>
<!--header end-->
<!--About Me section start-->
<div class="section">
<h1><span>Bio</span></h1>
<p>Hello! I'm Lettie. I am a 23 year old Wisconsinite who has dabbled in programming for 7+ years, but I am finally at a point in my life that I would like to take it seriously and pursue it on a more professional level! I am an artist by trade and the most amazing thing about coding to me is how many artistic applications it can have. I am excited to create beautiful things and show the world what I can do. SoloLearn has proven to be a fantastic resource and, while I may only be a beginner now, I have no doubt that it will take me to the next level. </p><hr>
<br/>
<p class="quote"> <b>Programmer</b> <i>(noun)</i><br/>
<span class="smaller">"A person who fixed a problem that you don't know you have in a way you don't understand."</span></p>
</div>
<!--About Me section end-->
<!--Schedule section start-->
<div class="section">
<h1><span>Schedule</span></h1>
Enter to Rename, Shift+Enter to Preview
css
css
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
html {
padding: 0;
margin: 0;
}
body { font-family: "Roboto Condensed";
font-size: 14px;
background-image: url("http://backgroundcheckall.com/wp-content/uploads/2017/12/header-background-image.png");
padding: 10px;
margin: 20px;
}
.img-circle {
border: 3px solid white;
border-radius: 50%;
}
.section {
background-color: #444444;
padding: 15px;
border-radius: 10px;
margin-bottom: 10px;
}
#header img {
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run