forked from CodeYourFuture/HTML-CSS-Coursework-Week1
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
63 lines (52 loc) · 3.92 KB
/
index.html
File metadata and controls
63 lines (52 loc) · 3.92 KB
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
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<title>My Blog</title>
<link
href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
rel="stylesheet"
type="text/css"
/>
<link rel="stylesheet" href="css/style.css" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
<!-- Add your HTML markup here -->
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
<header>
<h1>
Deferent sports
</h1>
<h2>
In a day we have to do sport because it keeps our body and mind healthy<br/> I want to introduce four sports that you can do during a day.
</h2>
</header>
<nav>
<ul>
<li> <a href="https://www.delish.com/cooking/nutrition/g585/30-healthiest-foods/" target="_blank">healthy food</a> </li>
<li><a href="https://www.nytimes.com/guides/well/beginner-yoga" target="_blank">Yoga</a></li>
<li><a href="https://performanceinmind.co.uk/2021/12/07/freecourses/" target="_blank">free online sports</a></li>
</ul>
</nav>
<main>
<h3 id="swim">swimming</h3>
<img src="https://images.unsplash.com/photo-1622629797619-c100e3e67e2e?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTd8fHN3aW1taW5nfGVufDB8fDB8fA%3D%3D&w=1000&q=80" alt="man in the pool">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In laoreet, sem ac tincidunt vulputate, enim eros vehicula quam, et fermentum sapien sem eget sem. Vivamus fringilla augue et mi aliquet ullamcorper. Suspendisse mollis molestie justo. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Vivamus a laoreet libero. Donec eget ante nec nisi scelerisque feugiat id vulputate magna. Donec porttitor ultrices dapibus. Quisque vel elementum eros. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent a vestibulum dui, sit amet malesuada est. Quisque efficitur augue dolor, non laoreet sem sollicitudin vel. In eu elit aliquam, porttitor metus quis, blandit dui. Nunc aliquam dolor id libero ornare d</p>
<h3 id="football">football</h3>
<img src="https://cdn.britannica.com/31/183231-050-8D8EB720/Carli-Lloyd-penalty-goal-semifinal-match-Germany-2015.jpg">
<p>Duis lectus elit, ornare in metus sit amet, imperdiet feugiat nulla. Maecenas tincidunt vulputate tortor. Integer ut laoreet ligula, a tempus nibh. Morbi bibendum orci et lacus tincidunt, ac sagittis sapien ultrices. Proin consequat diam a mollis pellentesque. Sed euismod risus eget luctus porta. Aliquam egestas finibus nibh, sed tempus orci finibus nec. Suspendisse rutrum diam et libero feugiat venenatis. Aenean et euismod purus. Curabitur quis tempor eros, at lacinia sapien. In dapibus laoreet arcu in imperdiet. Nulla leo magna, condimentum et imperdiet et, sodales sed eros.</p>
<h3 id="vollyball">vollyball</h3>
<img src="https://media.istockphoto.com/id/626535710/photo/asian-high-school-volleyball-player-spikes-volleyball-against-female-opponents.jpg?s=612x612&w=0&k=20&c=RcmArD1kbGKf4fXL2_UO4swk4ewlJfRRsO_fJuAWbKg=">
<p>nterdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus et efficitur neque, ut volutpat arcu. Aliquam a risus in ante consectetur congue. Donec commodo consectetur mi, et dictum lacus venenatis sit amet. Fusce et dignissim sapien. Nulla id congue elit. Vestibulum egestas vulputate dapibus. Integer sit amet mi neque. Nullam lacinia, justo a euismod tincidunt, massa augue tristique libero, ac molestie eros nisi id augue. Mauris ac erat volutpat, interdum purus vitae, tempor magna. Aenean a tempor sem. In eu ornare erat. Proin in leo a justo pharetra posuere vitae nec nibh.</p>
</main>
<footer>
<h4>contant me: 07311782703</h4>
<h4>my email: [email protected]</h4>
</footer>
</body>
</html>