Untitled

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
  <title>Alvertos Ioannis Mourikis</title>
  <meta name="description" content="free website template" />
  <meta name="keywords" content="enter your keywords here" />
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=9" />
  <link rel="stylesheet" type="text/css" href="css/style.css" />
  <script type="text/javascript" src="js/jquery.min.js"></script>
  <script type="text/javascript" src="js/image_slide.js"></script>
  <style type="text/css">
.auto-style1 {
    text-align: center;
}
table.MsoTableGrid
    {border:solid black 1.0pt;
    font-size:11.0pt;
    font-family:"Calibri","sans-serif";
    }
  .auto-style3 {
      text-align: center;
      font-weight: bold;
      font-size: x-large;
      color: #FFFFFF;
      text-decoration: underline;
  }
  .auto-style4 {
    width: 680px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}
  </style>
</head>

<body>
  <div id="main">
    <div id="header" style="height: 241px">
      <div id="banner">
        <div id="welcome">
          <h1>
                    <img alt="asg" height="153" longdesc="../dfg" src="imgA.jpg" width="187" /></h1>
        </div>
          <!--close welcome-->
        <div id="welcome_slogan">
          <h1>&nbsp;</h1>
            <h1>&nbsp;</h1>
            <h1>&nbsp;</h1>
            <h1>Marine Sea Traffic&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="register.php">&nbsp;Registration&nbsp;</a>
            <a href="login.php"> Login
            </a> </h1>
        </div>
      </div>
    </div><!--close header-->

    <div id="menubar">
      <ul id="menu">
       <li><a href="index.html" style="width: 60px">Home</a></li>
      <li><a href="vessels.html">Vessels</a></li>
        <li><a href="ports.html">Ports</a></li>
        <li><a href="photos.html">Photos</a></li>
        <li><a href="weather.html">Weather</a></li>
        <li><a href="">Videos</a></li>
      </ul>
    </div>
      <div id="site_content">

          <!--close sidebar_container-->

      <div id="content" style="width: 864px">
        <div class="auto-style4">
            <img alt="" height="269" src="anchor.png" width="281" /><div class="sidebar_container" style="width: 665px; height: 504px">
        <div class="sidebar" style="width: 659px">
          <div class="sidebar_item" style="height: 40px">
            <h2 class="auto-style1" style="width: 655px">Weather Conditions</h2>
          </div>
            <br />
            <!--close sidebar_item-->
        </div>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <p><iframe width="560" height="315" src="https://www.youtube.com/embed/6tgW2LtjglE" frameborder="0" allowfullscreen></iframe>&nbsp;</p>
                <p>&nbsp;</p>
                <p><iframe width="560" height="315" src="https://www.youtube.com/embed/V58U8Aaay3E" frameborder="0" allowfullscreen></iframe>&nbsp;</p>
                <p>
                  <!--close sidebar-->
                  <!--close sidebar-->
             <iframe width="560" height="315" src="https://www.youtube.com/embed/EMhsJvhdjFA" frameborder="0" allowfullscreen></iframe><div class="column-1 clearfix">
<div id="panel-main" class="strong panel">

  <div class="panel-head-tabs-rt">
    <div class="panel-head-tabs-lt">
        <ul>
            <li class="current">
            <ul>
                <li>
                <div class="auto-style3">
                </div>
                </li>
            </ul>
            <div class="nub">
            </div>
            </li>
        </ul>
    </div>
  </div>
  <!-- /.panel-head-rt -->
  <div class="panel-body-lt">
    <div class="panel-body-rt">
      <div class="panel-body">
        <div class="panel-body-content">
          <div class="panel-title-main">
          <h2 class="auto-style1">&nbsp;</h2>
          </div>

            <div id="mapTiles_map_container" style="position:relative;width:600px;height:450px;">
                <div id="googmap" style="position:relative;width:600px;height:450px;">
                    <div id="map_canvas">

                    </div>

                    <div id="radarTime"></div>
                </div>
            </div>

            <div id="mapcontrols">
            <script type="text/javascript">
                document.write("<ul>");
                for (var i = 0; i < bm_animMaxFrames; i++) {
                    document.write("<li></li>");
                }
                document.write("</ul>");
                document.write("<div id=\"bmPlayLink\"><a href=\"javascript:bmPlay();\"><img src=\"" alt=\"Play\" /></a></div>");
            </script>
            </div>

            <div class="clearfix"></div>


          <script type="text/javascript">
            bmInitialize();
          </script>
          </div>
          </div>
        </div>

    </div>
  <!-- /.panel-body-lt -->
  <div class="panel-foot-lt">
    <div class="panel-foot-rt">
      <div class="panel-foot"></div>
    </div>
  </div>
</div>
</p>
              <p class="MsoNormal"><span lang="EN-US"><o:p>&nbsp;</o:p></span></p>
       </div>
          <br style="clear:both"/>

          <div class="content_container">
            <p>Check for marrine new , and any vessels you want .</p>
              <p>&nbsp;</p>
            <div class="button_small" style="width: 123px; height: 29px">
                <a href="http://shipfinder.co/about/news/">Press for more</a>
            </div><!--close button_small-->
          </div><!--close content_container-->
          <div class="content_container">
            <p>&nbsp; </p>
            <p>.</p>
            <div class="button_small">
              <a href="#">Read more</a>
            </div><!--close button_small-->
          </div><!--close content_container-->
        </div><!--close content_item-->
      </div><!--close content-->
    </div><!--close site_content-->

    <div id="content_bottom">
        <!--close content_bottom_container_box-->
        <!--close content_bottom_container_box-->
        <!--close content_bottom_container_box1-->
      <br style="clear:both"/>
    </div><!--close content_bottom-->

  </div><!--close main-->

  <div id="footer">
      &nbsp;<strong>Mini Web Project Powered by Alvertios-Ioannis Mourikis</strong></div><!--close footer-->

</body>
</html>