SJÖÖ

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Layout testailua</title>
<link rel="stylesheet" type="text/css" href="Tyyli.css"/>
</head>

<body>

<!-- koko layoutin kontentti -->
<div id="page">
<!-- sivuston headeri -->
	<div id="header">

    	<div id="header_logo">
        <p>Tänne tulee logo tekstinä</p>
        </div>

    <div id="header_center">
    <p> tänne tulee keskiosan teksti </p>
    </div>

    <div id="header_right">
    <p> tänne tulee oikeat tekstit</p>
          </div>


	</div><!--header-->
    <!--menu-->
    <div id="menu">
    <a>pääsivu.html pääsivu | harrastukset | portfolio </a>
    </div>
    <!-- sivuston pääasiat-->
    <div id="content">
    	<div id="content_left">
        	<img src="android.png" alt="Android">
            <p>Mauris sed libero. Suspendisse facilisis nulla in lacinia laoreet, lorem velit accumsan velit vel mattis libero nisl et sem. Proin interdum maecenas massa turpis sagittis in, interdum non lobortis vitae massa. Quisque purus lectus, posuere eget imperdiet nec sodales id arcu. Vestibulum elit pede dictum eu, viverra non tincidunt eu ligula.
            </p>
            <p>Mauris sed libero. Suspendisse facilisis nulla in lacinia laoreet, lorem velit accumsan velit vel mattis libero nisl et sem. Proin interdum maecenas massa turpis sagittis in, interdum non lobortis vitae massa. Quisque purus lectus, posuere eget imperdiet nec sodales id arcu. Vestibulum elit pede dictum eu, viverra non tincidunt eu ligula.
            </p>
            <p>Mauris sed libero. Suspendisse facilisis nulla in lacinia laoreet, lorem velit accumsan velit vel mattis libero nisl et sem. Proin interdum maecenas massa turpis sagittis in, interdum non lobortis vitae massa. Quisque purus lectus, posuere eget imperdiet nec sodales id arcu. Vestibulum elit pede dictum eu, viverra non tincidunt eu ligula.
            </p>
        </div>
        <div id="content_right">
        <img src="android.png" alt="Android">
            <p>Mauris sed libero. Suspendisse facilisis nulla in lacinia laoreet, lorem velit accumsan velit vel mattis libero nisl et sem. Proin interdum maecenas massa turpis sagittis in, interdum non lobortis vitae massa. Quisque purus lectus, posuere eget imperdiet nec sodales id arcu. Vestibulum elit pede dictum eu, viverra non tincidunt eu ligula.
            </p>
            <p>Mauris sed libero. Suspendisse facilisis nulla in lacinia laoreet, lorem velit accumsan velit vel mattis libero nisl et sem. Proin interdum maecenas massa turpis sagittis in, interdum non lobortis vitae massa. Quisque purus lectus, posuere eget imperdiet nec sodales id arcu. Vestibulum elit pede dictum eu, viverra non tincidunt eu ligula.
            </p>
            <p>Mauris sed libero. Suspendisse facilisis nulla in lacinia laoreet, lorem velit accumsan velit vel mattis libero nisl et sem. Proin interdum maecenas massa turpis sagittis in, interdum non lobortis vitae massa. Quisque purus lectus, posuere eget imperdiet nec sodales id arcu. Vestibulum elit pede dictum eu, viverra non tincidunt eu ligula.
            </p>
        </div>

    </div><!--content-->
    <div id="footer">
     <p> tekstijä </p>
    </div>

</div> <!--page-->
</body>
</html>