-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout1.html
45 lines (45 loc) · 1.61 KB
/
about1.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
<!DOCTYPE html>
<html>
<head>
<title>Eat Less Meat</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="header">
<div class="container">
<a id="header-title" href="index.html"> My Blog</a>
<ul id="header-nav">
<li ><a href="about.html">About</a></li>
<li ><a href="mailto:[email protected]">Contact</a></li>
</ul>
</div> <!-- header-container-->
</div> <!-- header-header-->
<div id="content">
<div class="container">
<div class="about">
<div class="about-author">
<img src="20200526_cows_pasture.jpeg">
</div>
<h1 class="about-title">About me</h1>
<div class="about-content">
<p> Hi there I am an aspiring <a href="https://en.wikipedia.org/wiki/Web_developer"><em><strong>webdeveloper</em></strong></a>. </p>
<p> If you like my blog, please follow me on facebook or Twitter and tell your family and friends about it. If you want to get in touch, please click on the contact link in the navigation bar. </p>
</div> <!-- about-content -->
</div> <!-- about -->
</div> <!-- container -->
</div> <!-- content -->
<div id="footer">
<div class="container">
<div class="column">
<h4>My Links</h4>
<p><a href="https://twitter.com/usernameme">Twitter</a><br>
<a href="https://linkedin.com/usernameme">Linkedin</a></p>
</div>
<div class="column">
<h4>My story</h4>
<p>Hi there! I'm an aspiring webdeveloper</p>
</div>
</div>
</div>
</body>
</html>