Koodit

<!DOCTYPE html>
<html lang=“fi”>
<head>
<link rel=“stylesheet” type=“text/css” href=“tyylit.css” title="" media=“screen” />

</head><body class=’ wsite-theme-light’>
<div id=“ylaosa”>

<div id="header">
<div id="otsikko"> Najima Arabians </div>
<div id="alaotsikko"> arabiverta laukkaradoille </div>
<div id="linkit">
	<img src="vasen.png" alt="" id="vasenkuva" />

	<a href="index.html">Welcome</a>
	<a href="oriit.html">Oriit</a>
	<a href="tammat.html">Tammat</a>
	<a href="kasvatus.html">Kasvatus</a>

	<img src="oikea.png" alt="" id="oikeakuva" />
</div>
</div>
</div>
<div id=“sisalto”>
<div id=“tekstit”>

<!-- TEKSTIALUE ALKAA -->

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {font-family: Arial;}

/*Tabs*/
.tabs {
  max-width: 990px;
  margin-top: 20px;
  padding: 0 20px;
}
.tabs input {
  display: none;
}
.tabs label {
  display: inline-block;
  padding: 6px 0 6px 0;
  margin: 0 -2px;
  width: 19%; /* =100/tabs number */
  border-bottom: 1px solid #fff;
  text-align: center;
}
.tabs label:hover {
  cursor: pointer;
}
.tabs input:checked + label {
  border: 1px solid green;
  border-width: 1px 1px 0 1px;
}
.tabs #tab1:checked ~ .content #content1,
.tabs #tab2:checked ~ .content #content2,
.tabs #tab3:checked ~ .content #content3,
.tabs #tab4:checked ~ .content #content4,
.tabs #tab5:checked ~ .content #content5 {
  display: block;
}
.tabs .content > div {
  display: none;
  padding-top: 20px;
  text-align: left;
  /*height: 192px;*/
  overflow: auto;
}

</style>
</head>
<body class='  wsite-theme-light'>

<h1> Kilpahevoset </h1>

<div class="tabs">
   <input id="tab1" type="radio" name="tabs" checked>
   <label for="tab1">EVM-sukuiset</label>
   <input id="tab2" type="radio" name="tabs">
   <label for="tab2">1-polviset</label>
   <input id="tab3" type="radio" name="tabs">
   <label for="tab3">2-polviset</label>
   <input id="tab4" type="radio" name="tabs">
   <label for="tab4">3-polviset</label>
   <input id="tab5" type="radio" name="tabs">
   <label for="tab5">4-polviset</label>


   <div class="content">
      <div id="content1">

<table class="plist">
<tr>
			<thead>
							<tr >
							<th colspan="7"> </th>

							</tr>
							</thead>
							<tbody>
						   <tr class="row_variton">
							<td  width="20%">CAS50, S G3
							</td>
							<td width="20%">
							    <strong><a href="linkki">Farhal al Parag</a>  </strong>

							</td>

							<td width="25%">
								150cm, trn
							</td>
							<td  width="20%">
								i. aftec isslah
							</td>
							<td  width="20%">
								 e. gameela malak
							</td>

							</tr>
				 </tbody>
			</table>

			</table>

      </div>

      <div id="content2">

<table class="plist">
<tr>
			-tietoa-


			</table>

      </div>

      <div id="content3">

<table class="plist">
<tr>
			-tietoa-

			</table>

      </div>

      <div id="content4">
 <table class="plist">
<tr>
			-tietoa-

			</table>
      </div>
  <div id="content5">
 <table class="plist">
<tr>
		-tietoa-


			</table>
      </div>

</body>
</html>

	<div id="copyt">

	Ulkoasu &copy; <a href="http://raitatossu.net/mayflower/">M Layouts</a> | Ulkoasun kuva &copy; <a href="https://www.flickr.com/photos/dottieday/">Dottie Day</a>

	</div>
<!-- TEKSTIALUE LOPPUU -->

</div>
</div>
<div style=‘display:none’>{title}</div>
<div style=‘display:none’>{menu}</div>
<div style=‘display:none’>{content}</div>
<div style=‘padding: 20px; width:100%; text-align:center;’>{footer}</div>
</body></html>