-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
51 lines (50 loc) · 2.01 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./index.css">
<title>flexbox</title>
</head>
<body>
<header><h1>My Website</h1>
<p>with a <b>flexible</b> layout</p></header>
<nav>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
</nav>
<section>
<div class="about">
<h2>About Me</h2>
<h3>Photo of me</h3>
<div class="image" >
<h5>Image</h5>
</div>
<p>Some text about me in culpa qui officia deserunt mollit anim..</p>
<h2>More Text</h2>
<p>Lorem ipsum dolor sit ame.</p>
<div class="small-image"> <h5>Image</h5></div>
<div class="small-image"> <h5>Image</h5></div>
<div class="small-image"> <h5>Image</h5></div>
</div>
<div class="content">
<h2>TITLE HEADING</h2>
<h3>Title description, May 21, 2023</h3>
<div class="image" >
<h5>Image</h5>
</div>
<p>Some text... <br>Sunt in culpa qui officia deserunt mollit anim id est laborum conectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
<h2>TITLE HEADING</h2>
<h3>Title description, May 21, 2023</h3>
<div class="image" >
<h5>Image</h5>
</div>
<p>Some text... <br>Sunt in culpa qui officia deserunt mollit anim id est laborum conectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
</div>
</section>
<footer><h3>Footer</h3></footer>
</body>
</html>