index.html

<html>
	<head>
	<link href="style.css" rel="stylesheet">
	<title>Главная. Суперкомпьютеры</title>
  </head>
<body>
	<div class="header">
	<a href="index.html"><img class="head-img" src="logo.png"></a>
	<h1 class="head-text"> Суперкомпьютеры </h1>
	</div>
  	<div class="content">
    	<div class="left">
    	 <div class="nav">
          <h2>Навигация</h2>
    		    <ul type="disc">
    			   <li class="element-list"><a href="index.html">Главная</a></li>
    			   <li class="element-list">Суперкомпьютеры мира
              <ul type="square">
                <li class="element-list"><a href="Tianhe-1A.html">Тянхэ-1А</a></li>
                <li class="element-list"><a href="Blizzard.html">Blizzard</a></li>
                <li class="element-list"><a href="nVidia.html">nVidia</</li>
                <li class="element-list"><a href="Lomonosov.html">Ломоносов</a></li>
                <li class="element-list"><a href="Tianhe-1.html">Tianhe-1</a></li>
                <li class="element-list"><a href="compare.html">Сравнение</a></li>
              </ul>
              </li>
    			   </ul>
    	 </div>
       <div class="side">
        <h2>Больше информации по теме:</h2>
        <ul type="disc">
          <li class="element-list"><a href="https://ru.wikipedia.org/wiki/%D0%A1%D1%83%D0%BF%D0%B5%D1%80%D0%BA%D0%BE%D0%BC%D0%BF%D1%8C%D1%8E%D1%82%D0%B5%D1%80" target="_blank">Wikipedia</a></li>
          <li class="element-list"><a href="#">Coming soon</a></li>
       </div>
       </div>
    	<div class="center">
    	 <h1>Что такое суперкомпьютер?</h1>
    	   <p>
			   <div class="pic pic-right">
         <img src="IBM.jpg" width="300px">
         <caption>Суперкомпьютер IBM</caption>
         </div>
         <i>Суперкомпьютеры</i> используются для решения интенсивных вычислением задач,
          таких как проблемы в области квантовой физики или механической физики, прогноз погоды,
           исследование климата, молекулярное моделирование (вычисление структуры и свойства химических составов,
           биологических макромолекул, полимеров, и кристаллов), физическое моделирование (моделирование самолетов, моделирование
            взрыва ядерного оружия, исследование относительно ядерного сплава), <a href="https://ru.wikipedia.org/wiki/Криптоанализ" target="_blank">криптоанализ</a>, и т.п.
			   </p>
    		</div>
  	</div>
  	<div class="clear"></div>
  	<div class="footer">&copy; Арсений Неустроев, Design Studio 2007</div>
</div>
</div>
</body>
</html>