mirror of
https://github.com/dawidolko/Website-Templates.git
synced 2025-10-27 07:53:11 +01:00
99 lines
6.6 KiB
HTML
99 lines
6.6 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
|
|
<meta name="author" content="Luka Cvrk (www.solucija.com)" />
|
|
<meta name="description" content="My Site" />
|
|
<meta name="keywords" content="key, words" />
|
|
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
|
|
<title>Internet Broadcast · We share the relevant.</title>
|
|
</head>
|
|
<body>
|
|
<div id="content">
|
|
<div id="top_info">
|
|
<p>Welcome to <b>Internet Broadcast</b> <span id="loginbutton"><a href="#" title="Log In"> </a></span><br />
|
|
<b>You are not Logged in!</b> <a href="#">Log in</a> to check your messages.</p>
|
|
</div>
|
|
|
|
<div id="logo">
|
|
<h1><a href="#" title="We share the relevant.">Internet Broadcast</a></h1>
|
|
<p id="slogan">We share the relevant.</p>
|
|
</div>
|
|
|
|
<ul id="tablist">
|
|
<li><a class="current" href="#" accesskey="n"><span class="key">N</span>ews</a></li><li><a href="#" accesskey="b"><span class="key">B</span>logs</a></li><li><a href="#" accesskey="p"><span class="key">P</span>hotos</a></li><li><a href="#" accesskey="r">P<span class="key">r</span>ofiles</a></li><li><a href="#" accesskey="f"><span class="key">F</span>eeds</a></li><li><a href="#" accesskey="o">Br<span class="key">o</span>adcast News</a></li>
|
|
</ul>
|
|
|
|
<div id="topics">
|
|
<div class="thirds">
|
|
<p><br />Today's Popular Articles and Posts:</p>
|
|
</div>
|
|
<div class="thirds">
|
|
<ul>
|
|
<li><a href="#">Conducting a CMS Survey</a></li>
|
|
<li><a href="#">Interests behind politics</a></li>
|
|
<li><a href="#">Web 2.0 business startup tips</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="thirds">
|
|
<ul>
|
|
<li><a href="#">How stress affects your health</a></li>
|
|
<li><a href="#">10 ways to buy a used car</a></li>
|
|
<li><a href="#">Are mobile phones really safe?</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div id="search">
|
|
<form method="post" action="?">
|
|
<p><input type="text" name="search" class="search" /> <input type="submit" value="Search" class="button" /></p>
|
|
</form>
|
|
</div>
|
|
|
|
<div id="left">
|
|
<div class="subheader">
|
|
<p><a href="#">Lorem ipsum dolor</a> sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex.</p>
|
|
</div>
|
|
<div class="left_articles">
|
|
<h2>Today's Featured Article</h2>
|
|
<p class="date">Posted on 8th September</p>
|
|
<img class="bigimage" src="images/bigimage.gif" alt="Big Image" />
|
|
<p><a href="#">Lorem ipsum dolor sit amet</a>, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. <a href="#">Ut wisi enim ad minim veniam</a>, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex.</p>
|
|
<p><a href="#">Lorem ipsum dolor sit amet</a>, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. <a href="#">Ut wisi enim ad minim veniam</a>, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex.</p>
|
|
</div>
|
|
<div class="left_box">
|
|
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore.</p>
|
|
</div>
|
|
<div class="thirds">
|
|
<p><b><a href="#" class="title">Web 2.0 business startup tips</a></b><br />Lorem ipsum dolor sit amet esta pa, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci. <a href="#"><img src="images/comment.gif" alt="Comment" /></a></p>
|
|
</div>
|
|
<div class="thirds">
|
|
<p><b><a href="http://andreasviklund.com/templates/" class="title">Visualize your website</a></b><br />Lorem ipsum dolor sit amet esta pa, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci. <a href="#"><img src="images/comment.gif" alt="Comment" /></a></p>
|
|
</div>
|
|
<div class="thirds">
|
|
<p><b><a href="http://snews.solucija.com/" class="title">Manage your content</a></b><br />Lorem ipsum dolor sit amet esta pa, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci. <a href="#"><img src="images/comment.gif" alt="Comment" /></a></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="right">
|
|
<div class="right_articles">
|
|
<p><img src="images/image.gif" alt="Image" title="Image" class="image" /><b>Lorem ipsum dolor sit amet</b><br />consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam <a href="#">erat volutpat</a>. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis <a href="#">nisl ut aliquip ex</a>.</p>
|
|
</div>
|
|
<div class="right_articles">
|
|
<p><img src="images/image.gif" alt="Image" title="Image" class="image" /><b>Lorem ipsum dolor sit amet</b><br />consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam <a href="#">erat volutpat</a>. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis <a href="#">nisl ut aliquip ex</a>.</p>
|
|
</div>
|
|
<div class="right_articles">
|
|
<p><img src="images/image.gif" alt="Image" title="Image" class="image" /><b>Lorem ipsum dolor sit amet</b><br />consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam <a href="#">erat volutpat</a>. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis <a href="#">nisl ut aliquip ex</a>.</p>
|
|
</div>
|
|
<div class="notes">
|
|
<p>If you liked this template you might like some other <a href="http://templates.solucija.com/">free CSS templates</a> from <a href="http://www.solucija.com/">Solucija</a>.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="footer">
|
|
<p class="right">© 2006 Internet Broadcast, Design: Luka Cvrk - <a href="http://www.solucija.com/" title="Information Architecture and Web Design">Solucija</a></p>
|
|
<p><a href="#">RSS Feed</a> · <a href="#">Contact</a> · <a href="#">Accessibility</a> · <a href="#">Products</a> · <a href="#">Disclaimer</a> · <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?uri=referer">XHTML</a><br /></p>
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |