diff --git a/css/style.css b/css/style.css index 75e9841e..89d71491 100644 --- a/css/style.css +++ b/css/style.css @@ -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); +} diff --git a/index.html b/index.html index 67dfc7f5..4b2ab136 100644 --- a/index.html +++ b/index.html @@ -16,7 +16,48 @@ - + - +
+

+ Deferent sports +

+

+ In a day we have to do sport because it keeps our body and mind healthy
I want to introduce four sports that you can do during a day. +

+
+ + + +
+ +

swimming

+ man in the pool + +

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

+ +

football

+ + +

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.

+ +

vollyball

+ +

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.

+ +
+ + + +