API tools faq
paste
Advertisement
Vanya_Shestakov

LGS_WEB

Vanya_Shestakov
Jan 2nd, 2021
213
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.67 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <link rel="stylesheet";
  5.           href="CSS/mainpage.css";
  6.           type="text/css"/>
  7.     <link rel="stylesheet";
  8.           href="CSS/media.css";
  9.           type="text/css"/>  
  10.     <meta charset="utf-8"> 
  11.  
  12.     <title>LGS</title>
  13. </head>
  14. <body>
  15.     <div id="page">
  16.         <img id="logo" src="images/1.png">
  17.    
  18.     <nav id="menu">
  19.             <ul id="navbar">
  20.                 <li><a id="active" href="index.html">Главная</a></li>
  21.                 <li><a href="pages/team.html">Команда</a></li>
  22.                 <li><a href="pages/safety.html">Меры безопасности</a></li>
  23.                 <li><a href="pages/hills.html">Спуски</a></li>
  24.                 <li><a href="pages/shops.html">Магазины</a></li>
  25.                 <li><a href="#">Альбом</a></li>
  26.             </ul>
  27.     </nav>
  28.  
  29.     <div id="content">
  30.         <center>
  31.             <h1 class="title" >LONGBOARD GOMEL SYNDICATE</h1>
  32.         </center>
  33.        
  34.         <div class="inf-main-parent">
  35.             <div class="inf-main" id="inf-main1">
  36.                 <img src="images\big-logo1.png" width="300px">
  37.             </div> 
  38.  
  39.             <div class="inf-main" id="inf-main2" >
  40.                 <h3>Мы в соцсетях!</h3> 
  41.                 <h3><a href="#" class="a-main" ><img id="logo-inst-vk" src="images/instagram.png"> Instagram</a></h3>
  42.                 <h3><a href="" class="a-main" ><img id="logo-inst-vk" src="images/vk.png"> ВКонтакте </a></h3>
  43.                 <h3><a href="" class="a-main" ><img id="logo-inst-vk" src="images/telegram.png"> Telegram </a></h3>
  44.             </div>
  45.         </div>
  46.  
  47.  
  48.         <div id="content1">
  49.             <div id="content2">
  50.                 <p class="text">Мы занимаемся <a class="a-main-p" href="#" >даунхилл-скейтбордингом</a>. Ну или простыми словами скоростным спуском на лонгборде:)</p>
  51.                 <img class="mainimg" src="images/main1.jpg" width="100%">
  52.             </div> 
  53.  
  54.             <div id="content2">
  55.                 <p class="text" >Движение даунхилл в Гомеле начало зарождаться ещё в 90х. Однако получило широкое распространение только в 2016-2017 годах.</p>
  56.                 <img class="mainimg" src="images/main2.jpg" width="100%"/>
  57.             </div>    
  58.  
  59.             <div id="content2">    
  60.                 <p class="text" >Задача даунхилла - разогнаться до маскимальной скорости. Для достижения максимальной скорости мы используем специальную аэродинамичную стойку "Так", которая минимализирует сопротивление воздуха.</p>
  61.                 <img class="mainimg" src="images/main3.jpg" width="100%"/>
  62.             </div> 
  63.  
  64.             <div id="content2">
  65.                 <p class="text" >Многие задаются вопросом: "А как тормозить на такой скорости? Для этого мы выполняем специальное скольжение, которое называется "Слайд".</p>
  66.                     <center>
  67.                     <img class="mainimg" src="images/main4.jpg" width="49%"/>
  68.                     <img class="mainimg" src="images/main5.jpg" width="49%"/>
  69.                     <img class="mainimg" src="images/main6.jpg" width="49%"/>
  70.                     <img class="mainimg" src="images/main7.jpg" width="49%"/>   </center>
  71.             </div>     
  72.                
  73.             <div id="content2">    
  74.                 <p class="text" > Наша команда ежегодно учавствует в соревнованиях по даунхиллу, которые проходят в Новогрудке (NOV CAMP) и Раубичах (ZubrRace). С каждого контеста наша команда уезжает с призами, периодически мы занимаем призовые места :) </p>
  75.                
  76.                 <h3>ZUBRRACE 2019</h3>
  77.                 <img class="mainimg" src="images/main8.jpg" width="100%"/>
  78.                 <center>
  79.                     <img class="mainimg" src="images/main9.jpg" width="49%"/>
  80.                     <img class="mainimg" src="images/main10.jpg" width="49%"/>
  81.                     <img class="mainimg" src="images/main11.jpg" width="49%"/>
  82.                     <img class="mainimg" src="images/main12.jpg" width="49%"/> 
  83.                 </center>
  84.                 <a class="a-main-blog" href="https://vk.com/album-44620036_266891255"> Больше фото с ZUBRRACE 2019... </a>
  85.  
  86.                 <br><br>
  87.  
  88.                 <h3>NOV CAMP 2019</h3>
  89.                 <img class="mainimg" src="images/main13.jpg" width="100%"/>
  90.                 <center>
  91.                     <img class="mainimg" src="images/main14.jpg" width="49%"/>
  92.                     <img class="mainimg" src="images/main15.jpg" width="49%"/>
  93.                 </center>
  94.                 <a class="a-main-blog" href="https://vk.com/album-44620036_264913986"> Больше фото с NOV CAMP 2019... </a>
  95.             </div> 
  96.         </div> 
  97.     </div>
  98.  
  99.  
  100.     <footer class="footer">
  101.         <div class="footer-logo">
  102.             <img width="50px" src="images/1.png">
  103.         </div>
  104.  
  105.         <div class="footer-block">
  106.             <h3>
  107.                 Мы в соцсетях
  108.             </h3>
  109.             <ul class="footer-ul" >
  110.                 <li>
  111.                     <a href="#" class="a-footer" ><img  src="images/instagram.png" width="15px" > Instagram</a>
  112.                 </li>
  113.                 <li>
  114.                     <a href="#" class="a-footer" ><img  src="images/vk.png" width="15px" > ВКонтакте</a>
  115.                 </li>
  116.                 <li>
  117.                     <a href="#" class="a-footer" ><img  src="images/telegram.png" width="15px" > Telegram</a>
  118.                 </li>
  119.             </ul>
  120.         </div>
  121.         <div class="footer-block">
  122.             <h3>
  123.                 Контакты
  124.             </h3>
  125.             <ul class="footer-ul" >
  126.                 <li>
  127.                     +375 (29) 584-35-78
  128.                 </li>
  129.                 <li>
  130.                     г.Гомель, ул.Октябрьская 5/17; 246030
  131.                 </li>
  132.                 <li>
  133.                     vanka1108@gmail.com
  134.                 </li>
  135.             </ul>
  136.         </div>
  137.         <div class="footer-block">
  138.             <h3>
  139.                 Друзья и партнёры
  140.             </h3>
  141.         </div>
  142.  
  143.         <div class="author" > <h3> Created by Shestakov Ivan</h3> </div>
  144.     </footer>
  145.    </div>
  146. </body>
  147. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!