CSS LAYOUT-5
.
.
.
.
.
<!DOCTYPE HTML>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
<html>
<head>
<TITLE>MY CODES</TITLE>
<meta content='WEB DESIGNER, WEB DEVELOPMENT' name='keywords'/>
<meta content='WEB DESIGNER, WEB DEVELOPMENT' name='author'/>
<meta content='el-gr' http-equiv='content-language'/>
<meta content='Greece' name='country'/>
<meta content='el' name='geo.country'/>
<meta content='Greece' name='geo.placename'/>
<meta content='MY NOTES' name='DC.Title'/>
<meta content='nomail@freemail.com' name='DC.Creator.Address'/>
<meta content='WEB DESIGNER, WEB DEVELOPMENT' name='DC.Subject'/>
<meta content='WEB DESIGNER, WEB DEVELOPMENT' name='DC.Description'/>
<meta content='WEB DESIGNER, WEB DEVELOPMENT' name='dc.keywords'/>
<meta content='2018-10-29' name='DC.Date.Created'/>
<meta content='2018-10-29' name='DC.Date.Modified'/>
<meta content='homepage, menu, text document, image, video, data, sound' name='DC.Type'/>
<meta content='text/html' name='DC.Format'/>
<meta content='el' name='DC.Language'/>
<link rel='icon' href='https://cdn.glitch.com/021ae28d-a714-4b90-86b1-2ef48518f66b%2Ffavicon.png' type='image/x-icon'/>
<style>
/* BODY STYLE ----------------------------------------------- */
html,body {margin:0;padding:0;width:1500px;}
body {font:13px Arial;color:#FFF;background:#333333;
background-image:url(https://i.imgur.com/1X4P7Wy.jpg);
background-attachment:fixed;background-position:center top;background-repeat:no-repeat;}
/* HEADERS STYLE ----------------------------------------------- */
#header{position:relative;float:left;height:100px;background:rgba(0,0,0, 0.75);width:400px;display:block;overflow:auto}
#header2{position:relative;float:left;height:100px;background:rgba(0,0,0, 0.75);width:1100px;display:block;overflow:auto}
h1 {color:#FFFF00;margin:0px;padding:5px;font:bold 40px arial;overflow:auto;}
h2 {color:#00FF00;margin:0px;padding:5px;font:bold 18px arial;overflow:auto;}
h3 {background:#115599;color:#FFF;margin:0px;padding:5px;font:bold 14px arial;overflow:auto;}
h4 {background:#F11111;color:#FFF;margin:0px;padding:5px;font:bold 14px arial;overflow:auto;}
h5 {background:#009900;color:#FFF;margin:0px;padding:5px;font:bold 14px arial;overflow:auto;}
h6 {background:#FF6600;color:#000;margin:0px;padding:5px;font:bold 14px arial;overflow:auto;}
h3.c115599 {background:#115599;color:#FFF;margin:0px;padding:5px;font:bold 14px arial;overflow:auto;}
h3.cFF4500 {background:#FF4500;color:#FFF;margin:0px;padding:5px;font:bold 14px arial;overflow:auto;}
h3.c105105 {background:#105105;color:#FFF;margin:0px;padding:5px;font:bold 14px arial;overflow:auto;}
h3.c009900 {background:#009900;color:#FFF;margin:0px;padding:5px;font:bold 14px arial;overflow:auto;}
h3.cF11111 {background:#F11111;color:#FFF;margin:0px;padding:5px;font:bold 14px arial;overflow:auto;}
h3.c661111 {background:#661111;color:#FFF;margin:0px;padding:5px;font:bold 14px arial;overflow:auto;}
h3.c740777 {background:#740777;color:#FFF;margin:0px;padding:5px;font:bold 14px arial;overflow:auto;}
h3.c532000 {background:#532000;color:#FFF;margin:0px;padding:5px;font:bold 14px arial;overflow:auto;}
h3.c000080 {background:#000080;color:#FFF;margin:0px;padding:5px;font:bold 14px arial;overflow:auto;}
h3.c333333 {background:#333333;color:#FFF;margin:0px;padding:5px;font:bold 14px arial;overflow:auto;}
h3.c800000 {background:#800000;color:#FFF;margin:0px;padding:5px;font:bold 14px arial;overflow:auto;}
h3.cFFFF00 {background:#FFFF00;color:#000;margin:0px;padding:5px;font:bold 14px arial;overflow:auto;}
h3.cFFBB22 {background:#FFBB22;color:#000;margin:0px;padding:5px;font:bold 14px arial;overflow:auto;}
h3.c33FFFF {background:#33FFFF;color:#000;margin:0px;padding:5px;font:bold 14px arial;overflow:auto;}
h3.c00FF00 {background:#00FF00;color:#000;margin:0px;padding:5px;font:bold 14px arial;overflow:auto;}
h3.cFF9999 {background:#FF9999;color:#000;margin:0px;padding:5px;font:bold 14px arial;overflow:auto;}
h3.cFFFF99 {background:#FFFF99;color:#FF0000;margin:0px;padding:5px;font:bold 14px arial;overflow:auto;}
h3.cFFFFCC {background:#FFFFCC;color:#000080;margin:0px;padding:5px;font:bold 14px arial;overflow:auto;}
h3.cFFFFFF {background:#FFFFFF;color:#FF0000;margin:0px;padding:5px;font:bold 14px arial;overflow:auto;}
h3.cFF0999 {background:#FF0999;color:#FFF;margin:0px;padding:5px;font:bold 14px arial;overflow:auto;}
/* NAVBARS STYLE ----------------------------------------------- */
#navbar{background:rgba(0,0,30, 0.75);color:#FFF;width:1500px;height:30px;float:left;margin:0px;padding:0px;font:13px arial;}
#navbar2{background:rgba(0,0,30, 0.75);color:#FFF;width:1500px;height:30px;float:left;margin:0px;padding:0px;font:13px arial;}
/* LINKS STYLE ----------------------------------------------- */
a:link {color:#33FFFF;text-decoration:none;}
a:visited {color:#33FFFF;text-decoration:none;}
a:hover {color:#FFFF00;text-decoration:none;}
a:active {color:#FFF;text-decoration:underline;}
/* MAIN CONTENT STYLE ----------------------------------------------- */
#hp-900{background:rgba(0,30,0, 0.75);float:left;margin:0px;padding:0px;width:900px;height:auto;font:13px arial;border-radius:8px;}
#hp-950{background:rgba(0,30,0, 0.75);float:left;margin:0px;padding:0px;width:950px;height:auto;font:13px arial;border-radius:8px;}
#hp-1000{background:rgba(0,30,0, 0.75);float:left;margin:0px;padding:0px;width:1000px;height:auto;font:13px arial;border-radius:8px;}
#hp-1050{background:rgba(0,30,0, 0.75);float:left;margin:0px;padding:0px;width:1050px;height:auto;font:13px arial;border-radius:8px;}
#hp-1100{background:rgba(0,30,0, 0.75);float:left;margin:0px;padding:0px;width:1100px;height:auto;font:13px arial;border-radius:8px;}
#hp-1200{background:rgba(0,30,0, 0.75);float:left;margin:0px;padding:0px;width:1200px;height:auto;font:13px arial;border-radius:8px;}
#hp-1250{background:rgba(0,30,0, 0.75);float:left;margin:0px;padding:0px;width:1250px;height:auto;font:13px arial;border-radius:8px;}
#hp-1300{background:rgba(0,30,0, 0.75);float:left;margin:0px;padding:0px;width:1300px;height:auto;font:13px arial;border-radius:8px;}
#mp-900{background:rgba(0,30,0, 0.75);float:left;margin:5px;padding:5px;width:878px;height:auto;font:13px arial;border:1px solid #00FF00;border-radius:8px;}
#mp-950{background:rgba(0,30,0, 0.75);float:left;margin:5px;padding:5px;width:928px;height:auto;font:13px arial;border:1px solid #00FF00;border-radius:8px;}
#mp-1000{background:rgba(0,30,0, 0.75);float:left;margin:5px;padding:5px;width:978px;height:auto;font:13px arial;border:1px solid #00FF00;border-radius:8px;}
#mp-1050{background:rgba(0,30,0, 0.75);float:left;margin:5px;padding:5x;width:1028px;height:auto;font:13px arial;border:1px solid #00FF00;border-radius:8px;}
#mp-1100{background:rgba(0,30,0, 0.75);float:left;margin:5px;padding:5px;width:1078px;height:auto;font:13px arial;border:1px solid #00FF00;border-radius:8px;}
#mp-1200{background:rgba(0,30,0, 0.75);float:left;margin:5px;padding:5px;width:1178px;height:auto;font:13px arial;border:1px solid #00FF00;border-radius:8px;}
#mp-1250{background:rgba(0,30,0, 0.75);float:left;margin:5px;padding:5px;width:1228px;height:auto;font:13px arial;border:1px solid #00FF00;border-radius:8px;}
#mp-1300{background:rgba(0,30,0, 0.75);float:left;margin:5px;padding:5px;width:1278px;height:auto;font:13px arial;border:1px solid #00FF00;border-radius:8px;}
/* POST BOXES STYLE ----------------------------------------------- */
#pb-200 {float:left;margin:3px;padding:3px;width:186px;height:200px;background:rgba(0,30,0, 0.75);border:1px solid #00FF00;border-radius:8px;}
#pb-208 {float:left;margin:3px;padding:3px;width:194px;height:200px;background:rgba(0,30,0, 0.75);border:1px solid #00FF00;border-radius:8px;}
#pb-210 {float:left;margin:3px;padding:3px;width:196px;height:200px;background:rgba(0,30,0, 0.75);border:1px solid #00FF00;border-radius:8px;}
#pb-214 {float:left;margin:3px;padding:3px;width:200px;height:220px;background:rgba(0,30,0, 0.75);border:1px solid #00FF00;border-radius:8px;}
#pb-216 {float:left;margin:3px;padding:3px;width:202px;height:220px;background:rgba(0,30,0, 0.75);border:1px solid #00FF00;border-radius:8px;}
#pb-220 {float:left;margin:3px;padding:3px;width:206px;height:220px;background:rgba(0,30,0, 0.75);border:1px solid #00FF00;border-radius:8px;}
#pb-224 {float:left;margin:3px;padding:3px;width:210px;height:210px;background:rgba(0,30,0, 0.75);border:1px solid #00FF00;border-radius:8px;}
#pb-237 {float:left;margin:3px;padding:3px;width:223px;height:220px;background:rgba(0,30,0, 0.75);border:1px solid #00FF00;border-radius:8px;}
/* SIDEBARS STYLE ----------------------------------------------- */
#sbl-200 {width:188px;background:rgba(0,0,30, 0.75);float:left;position:relative;border:1px solid #00FF00;border-radius:8px;padding:5px;}
#sbr-200 {width:188px;background:rgba(0,0,30, 0.75);float:left;position:relative;border:1px solid #00FF00;border-radius:8px;padding:5px;}
#sbl-250 {width:238px;background:rgba(0,0,30, 0.75);float:left;position:relative;border:1px solid #00FF00;border-radius:8px;padding:5px;}
#sbr-250 {width:238px;background:rgba(0,0,30, 0.75);float:left;position:relative;border:1px solid #00FF00;border-radius:8px;padding:5px;}
#sbl-300 {width:288px;background:rgba(0,0,30, 0.75);float:left;position:relative;border:1px solid #00FF00;border-radius:8px;padding:5px;}
#sbr-300 {width:288px;background:rgba(0,0,30, 0.75);float:left;position:relative;border:1px solid #00FF00;border-radius:8px;padding:5px;}
/* FOOTER STYLE ----------------------------------------------- */
#ft-1500{height:100%;width:1498px;float:left;background:rgba(0,30,0, 0.75);position:relative;overflow:hidden;margin:0;padding:0;border:1px solid #00FF00;border-radius:8px;}
#ft-750{height:100%;width:748px;float:left;background:rgba(0,30,0, 0.75);position:relative;overflow:hidden;margin:0;padding:0;border:1px solid #00FF00;border-radius:8px;}
#ft-500{height:100%;width:498px;float:left;background:rgba(0,30,0, 0.75);position:relative;overflow:hidden;margin:0;padding:0;border:1px solid #00FF00;border-radius:8px;}
#ft-375{height:100%;width:373px;float:left;background:rgba(0,30,0, 0.75);position:relative;overflow:hidden;margin:0;padding:0;border:1px solid #00FF00;border-radius:8px;}
#ft-300{height:100%;width:298px;float:left;background:rgba(0,30,0, 0.75);position:relative;overflow:hidden;margin:0;padding:0;border:1px solid #00FF00;border-radius:8px;}
#ft-250{height:100%;width:248px;float:left;background:rgba(0,30,0, 0.75);position:relative;overflow:hidden;margin:0;padding:0;border:1px solid #00FF00;border-radius:8px;}
#ft-200{height:100%;width:198px;float:left;background:rgba(0,30,0, 0.75);position:relative;overflow:hidden;margin:0;padding:0;border:1px solid #00FF00;border-radius:8px;}
</style>
</head>
<body>
<div id="header">
<h1>MY CODES</h1>
<h2>CODES AND TIPS FOR WEB DESIGNERS</h2>
</div>
<div id="header2">
<h2>Here you can put a widget</h2>
</div>
<div id="navbar">
<iframe src="https://kodez.glitch.me/navbar.html" frameborder="0" width="1500" height="30"></iframe>
</div>
<div id="sbl-250">
<iframe src="https://kodez.glitch.me/sidebar1.html" frameborder="0" width="238" height="1050"></iframe>
</div>
<div id="hp-1000">
<div id="pb-200">
<a href="https://kodez.glitch.me" target="_parent">
<img src="https://dl.dropboxusercontent.com/s/14nioq4yqmg9usj/html-css2.jpg"
style="float:left;" alt="HTML - CSS E-BOOKS" title="HTML - CSS E-BOOKS" width="183" height="122"/></a>
<a style="color:#FFF;font:bold 16px arial;">HTML - CSS E-BOOKS</a>
</div>
<div id="pb-200">
<a href="https://kodez.glitch.me" target="_parent">
<img src="https://dl.dropboxusercontent.com/s/i4g5bsl4p4zuzgf/html-css.jpg"
style="float:left;" alt="HTML TUTORIALS" title="HTML TUTORIALS" width="183" height="122"/></a>
<a style="color:#FFF;font:bold 16px arial;">HTML TUTORIALS</a>
</div>
<div id="pb-200">
<a href="https://kodez.glitch.me" target="_parent">
<img src="https://dl.dropboxusercontent.com/s/y2yrv0iax8jynrv/CSS.jpg?dl=0"
style="float:left;" alt="CSS TUTORIALS" title="CSS TUTORIALS" width="183" height="122"/></a>
<a style="color:#FFF;font:bold 16px arial;">CSS TUTORIALS</a>
</div>
<div id="pb-200">
<a href="https://kodez.glitch.me" target="_parent">
<img src="https://dl.dropboxusercontent.com/s/4rlt0ivoqjxa3v0/JAVASCRIPT-3.jpg"
style="float:left;" alt="JAVASCRIPT E-BOOKS" title="JAVASCRIPT E-BOOKS" width="183" height="122"/></a>
<a style="color:#FFF;font:bold 16px arial;">JAVASCRIPT E-BOOKS</a>
</div>
<div id="pb-200">
<a href="https://kodez.glitch.me" target="_parent">
<img src="https://dl.dropboxusercontent.com/s/0vv6ov4kma2fk2t/JAVASCRIPT-2.jpg"
style="float:left;" alt="JAVASCRIPT TUTORIALS" title="JAVASCRIPT TUTORIALS" width="183" height="122"/></a>
<a style="color:#FFF;font:bold 16px arial;">JAVASCRIPT TUTORIALS</a>
</div>
<div id="pb-200">
<a href="https://kodez.glitch.me" target="_parent">
<img src="https://dl.dropboxusercontent.com/s/jdbjkdb84xwwaym/php-3.jpg"
style="float:left;" alt="PHP E-BOOKS" title="PHP E-BOOKS" width="183" height="122"/></a>
<a style="color:#FFF;font:bold 16px arial;">PHP E-BOOKS</a>
</div>
<div id="pb-200">
<a href="https://kodez.glitch.me" target="_parent">
<img src="https://dl.dropboxusercontent.com/s/aklnu5ou73t8tp5/php-5.jpg"
style="float:left;" alt="PHP PROJECTS" title="PHP PROJECTS" width="183" height="122"/></a>
<a style="color:#FFF;font:bold 16px arial;">PHP PROJECTS</a>
</div>
<div id="pb-200">
<a href="https://kodez.glitch.me" target="_new">
<img src="https://dl.dropboxusercontent.com/s/ccx7v1ylsc4fgyy/php-2.jpg?"
style="float:left;" border="0" alt="PHP EXAMPLES" title="PHP EXAMPLES" width="183" height="122"/></a>
<a style="color:#FFF;font:bold 16px arial;">MY PHP EXAMPLES ON REPL.IT</a>
</div>
<div id="pb-200">
<a href="https://kodez.glitch.me" target="_parent">
<img src="https://dl.dropboxusercontent.com/s/s705haidu5b7ubt/MY-SQL.jpg"
style="float:left;"border="0" alt="MY-SQL E-BOOKS" title="MY-SQL E-BOOKS" width="183" height="122"/></a>
<a style="color:#FFF;font:bold 16px arial;">MY-SQL E-BOOKS</a>
</div>
<div id="pb-200">
<a href="https://kodez.glitch.me" target="_parent">
<img src="https://dl.dropboxusercontent.com/s/sxh3v2uclnidcmt/MY-SQL2.jpg"
style="float:left;" alt="MY-SQL TUTORIALS" title="MY-SQL TUTORIALS" width="183" height="122"/></a>
<a style="color:#FFF;font:bold 16px arial;">MY-SQL TUTORIALS</a>
</div>
<div id="pb-200">
<a href="https://kodez.glitch.me" target="_parent">
<img src="https://dl.dropboxusercontent.com/s/kxjir89x2w8ipea/C-PLUS.jpg"
style="float:left;" alt="C++ E-BOOKS" title="C++ E-BOOKS" width="183" height="122"/></a>
<a style="color:#FFF;font:bold 16px arial;">E-BOOKS FOR C++</a>
</div>
<div id="pb-200">
<a href="https://kodez.glitch.me" target="_parent">
<img src="https://dl.dropboxusercontent.com/s/cihqv2rvr2ojef8/C-PLUS-PLUS.jpg"
style="float:left;" border="0" alt="C++ TUTORIALS" title="C++ TUTORIALS" width="183" height="122"/></a>
<a style="color:#FFF;font:bold 16px arial;">C++ TUTORIALS</a>
</div>
<div id="pb-200">
<a href="https://kodez.glitch.me" target="_parent">
<img src="https://dl.dropboxusercontent.com/s/jo0y2b3aajev6za/C%20PROGRAMMING.jpg"
style="float:left;" border="0" alt="E-BOOKS FOR C" title="E-BOOKS FOR C" width="183" height="122"/></a>
<a style="color:#FFF;font:bold 16px arial;">E-BOOKS FOR C</a>
</div>
<div id="pb-200">
<a href="https://kodez.glitch.me" target="_parent">
<img src="https://2.bp.blogspot.com/-eJrU4ZU47R4/XHbfN8d4zlI/AAAAAAAALfI/G1Mxby5Lmw0yxCmJjQHmYPNFSrto_0zYACLcBGAs/s1600/c-projects.jpg"
style="float:left;" alt="C PROJECTS" title="C PROJECTS" width="183" height="122"/></a>
<a style="color:#FFF;font:bold 16px arial;">C PROJECTS</a>
</div>
<div id="pb-200">
<a href="https://kodez.glitch.me" target="_parent">
<img src="https://4.bp.blogspot.com/-6uTb3NTPuTg/XHwztUiYfqI/AAAAAAAALfg/8kxQT0lqeY4r-_onZC4N5YeqHCktNeoEACLcBGAs/s1600/CPP-PROJECTS.JPG"
style="float:left;" alt="CPP PROJECTS" title="CPP PROJECTS" width="183" height="122"/></a>
<a style="color:#FFF;font:bold 16px arial;">CPP PROJECTS</a>
</div>
<div id="pb-200">
<a href="https://kodez.glitch.me" target="_parent">
<img src="https://dl.dropboxusercontent.com/s/6qajs8xkdwbaz96/JAVA-2.jpg"
style="float:left;" alt="JAVA E-BOOKS" title="JAVA E-BOOKS" width="183" height="122"/></a>
<a style="color:#FFF;font:bold 16px arial;">JAVA E-BOOKS</a>
</div>
<div id="pb-200">
<a href="https://kodez.glitch.me" target="_parent">
<img src="https://dl.dropboxusercontent.com/s/0lz5cuzvny7mqvj/JAVA.jpg"
style="float:left;" alt="JAVA PROJECTS" title="JAVA PROJECTS" width="183" height="122"/></a>
<a style="color:#FFF;font:bold 16px arial;">JAVA PROJECTS</a>
</div>
<div id="pb-200">
<a href="https://kodez.glitch.me" target="_parent">
<img src="https://dl.dropboxusercontent.com/s/iobplxl91txixxz/opengl-1.png"
style="float:left;" alt="OPEN-GL E-BOOKS" title="OPEN-GL E-BOOKS" width="183" height="122"/></a>
<a style="color:#FFF;font:bold 16px arial;">OPEN-GL E-BOOKS</a>
</div>
<div id="pb-200">
<a href="https://kodez.glitch.me" target="_parent">
<img src="https://dl.dropboxusercontent.com/s/5g6l93loljmmn9y/opengl-2.jpg"
style="float:left;" alt="OOPEN-GL PROJECTS" title="OOPEN-GL PROJECTS" width="183" height="122"/></a>
<a style="color:#FFF;font:bold 16px arial;">OPEN-GL PROJECTS</a>
</div>
<div id="pb-200">
<a href="https://kodez.glitch.me" target="_parent">
<img src="https://dl.dropboxusercontent.com/s/7kyzz0j9xt9zf5z/photoshop.jpg"
style="float:left;" alt="PHOTOSHOP E-BOOKS" title="PHOTOSHOP E-BOOKS" width="183" height="122"/></a>
<a style="color:#FFF;font:bold 16px arial;">PHOTOSHOP E-BOOKS</a>
</div>
<div id="pb-200">
<a href="https://kodez.glitch.me" target="_parent">
<img src="https://dl.dropboxusercontent.com/s/6xaqaavzrromp0d/databases.jpg"
style="float:left;" alt="DATABASES" title="DATABASES" width="183" height="122"/></a>
<a style="color:#FFF;font:bold 16px arial;">DATABASES NOTES</a>
</div>
<div id="pb-200">
<a href="https://kodez.glitch.me" target="_parent">
<img src="https://dl.dropboxusercontent.com/s/cjgkifiw1wxvdgw/Access.jpg"
style="float:left;" alt="ACCESS" title="ACCESS" width="183" height="122"/></a>
<a style="color:#FFF;font:bold 16px arial;">MICROSOFT ACCESS</a>
</div>
<div id="pb-200">
<a href="https://kodez.glitch.me" target="_parent">
<img src="https://dl.dropboxusercontent.com/s/sssdld6y0cy1l1x/Powerpoint.jpg"
style="float:left;" alt="POWERPOINT" title="POWERPOINT" width="183" height="122"/></a>
<a style="color:#FFF;font:bold 16px arial;">MICROSOFT POWERPOINT</a>
</div>
<div id="pb-200">
<a href="https://kodez.glitch.me" target="_parent">
<img src="https://dl.dropboxusercontent.com/s/8l8fnh83nicke7k/Excel.jpg"
style="float:left;" alt="EXCEL" title="EXCEL" width="183" height="122"/></a>
<a style="color:#FFF;font:bold 16px arial;">MICROSOFT EXCEL</a>
</div>
<div id="pb-200">
<a href="https://kodez.glitch.me" target="_parent">
<img src="https://dl.dropboxusercontent.com/s/ezdh7u0e4tqr5ow/Word.jpg"
style="float:left;" alt="WORD" title="WORD" width="183" height="122"/></a>
<a style="color:#FFF;font:bold 16px arial;">MICROSOFT WORD</a>
</div>
</div>
<div id="sbr-250">
<iframe src="https://kodez.glitch.me/sidebar2.html" frameborder="0" width="238" height="1050"></iframe>
</div>
<div id="navbar2">
<iframe src="https://kodez.glitch.me/navbar.html" frameborder="0" width="1500" height="30"></iframe>
</div>
<div id="ft-1500">
<h4>ΤΙΤΛΟΣ FOOTER 1500</h4>
<a>Αυτό είναι το κείμενο του footer.</a><br>
<a>Αυτό είναι το κείμενο του footer.</a><br>
<a>Αυτό είναι το κείμενο του footer.</a><br>
<a>Αυτό είναι το κείμενο του footer.</a><br>
<a>Αυτό είναι το κείμενο του footer.</a><br>
<a>Αυτό είναι το κείμενο του footer.</a><br>
<a>Αυτό είναι το κείμενο του footer.</a><br>
<a>Αυτό είναι το κείμενο του footer.</a><br>
<a>Αυτό είναι το κείμενο του footer.</a><br>
<a>Αυτό είναι το κείμενο του footer.</a><br>
<a>Αυτό είναι το κείμενο του footer.</a><br>
<a>Αυτό είναι το κείμενο του footer.</a><br>
<a>Αυτό είναι το κείμενο του footer.</a><br>
<a>Αυτό είναι το κείμενο του footer.</a><br>
<a>Αυτό είναι το κείμενο του footer.</a><br>
<a>Αυτό είναι το κείμενο του footer.</a><br>
<a>Αυτό είναι το κείμενο του footer.</a><br>
<a>Αυτό είναι το κείμενο του footer.</a><br>
<a>Αυτό είναι το κείμενο του footer.</a><br>
<a>Αυτό είναι το κείμενο του footer.</a><br>
</div>
</body>
</html>
