Skip to content
This repository was archived by the owner on Jan 14, 2024. It is now read-only.

shadi/london10 doves/my blog #306

Open
Shadi38 wants to merge 1 commit into
base: master
Choose a base branch
from
Open

shadi/london10 doves/my blog #306

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
66 changes: 66 additions & 0 deletions css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,3 +6,69 @@
* for example: General styles, Navigation styles, Hero styles, Footer etc.
*
*/

body{
background-image: url("https://t3.ftcdn.net/jpg/02/78/42/76/360_F_278427683_zeS9ihPAO61QhHqdU1fOaPk2UClfgPcW.jpg");
background-size: cover;
padding-bottom: 40px;
line-height: 1.8;
}

/*header*/
header{
font-weight: bold;
text-align: center;
margin: 50px auto;
color:rgb(132, 174, 90)
}

/*nav bar*/
ul{
display: flex;
justify-content: center;
list-style: none;
}

li{
padding: 0px 20px;
}

a{
color:rgb(237, 88, 25);
text-decoration: none;
font-size: larger;
}

a:hover{
font-weight: bold;
color:rgb(176, 57, 71);
}
/* main */

#swim{
color: rgb(224, 48, 118);
margin-bottom: 20px;
}

#football{
color:rgb(44, 44, 224)
}

#vollyball{
color: darkgoldenrod;
}

img{
width: 200px;
height: 100px;
}

p{
margin-bottom: 70px;
color: rgb(105, 100, 100);
}

footer{
text-align: center;
color: rgb(176, 57, 71);
}
45 changes: 43 additions & 2 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,48 @@
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
<!-- Add your HTML markup here -->
<!-- Add your HTML markup here -->
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
</body>
<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: shadi.fakhri83@gmail.com</h4>
</footer>

</body>
</html>