Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
39 changes: 39 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,45 @@

</head>
<body>
<header>
<h1>Welcome to the world of kickboxing!</h1>
</header>

<hr>

<main>
<section class="intro">
<img id="pads" src="https://web-back.perfectgym.com/sites/default/files/styles/460x/public/kickboxing%20advertisement%20%281%29.jpg?itok=lrwgttaq"/>
<p>This is a combat sport which has a grading structure to help you progress as you master new skills.</p>
</section>

<section class="center">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus eligendi itaque magnam commodi, explicabo est ab numquam inventore! Possimus itaque consectetur esse odio tenetur ullam iste quam doloremque eligendi ratione!</p>
<br>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa nemo tempore, expedita earum maxime sint eius doloribus commodi tempora voluptatem architecto amet a dicta. Officia reiciendis illo maxime blanditiis molestiae?</p>
<p>This combat sport will has a colour structure going from white to black. Each martial art which has a belt system might have the colours in different orders.</p>
<img class="belts" src="http://sidekickboxing.co.uk/wp-content/uploads/2021/01/Kickboxing-Grade-List.jpg">
</section>

<section>
<h3>Reasons for taking up the sport:</h3>
<ul>
<li>Improved cardio vascular system</li>
<li>Confidence in your ability to develop and in your skills</li>
<li>Ability to work as a team</li>
<li>Able to defend yourself if needed</li>
<li>Better cognitive function</li>
</ul>

</section>
</main>

<hr>

<footer>
<a href="https://en.wikipedia.org/wiki/Kickboxing">Go check out the wikipidia page</a>


</footer>
</body>
</html>
43 changes: 43 additions & 0 deletions style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
header {
color: blue;
background-color: aliceblue;
}

h1, h3 {
color: pink;
text-align: center;
text-decoration: underline;
}

p {
font-size: large;

}

body {
background-color: brown;
}

#pads {
width: 400px;
}

.intro {
background-color: grey;
}

.belts {
height: 400px;
}

.center {
text-align: center;
margin-bottom: 50px;
margin-top: 20px;
}

hr {
padding: 0px;
color: black;
background-color: black;
}