Advertisement
Mary_Pieroszkiewicz

index.html

Oct 31st, 2018
158
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 10.64 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1">
  6.     <title>Wolves Gate</title>
  7.  
  8.     <!-- Google Fonts -->
  9.     <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">
  10.     <link href="https://fonts.googleapis.com/css?family=Titillium+Web:200,300,400,600,700" rel="stylesheet">
  11.  
  12.     <!--Font Awesome Icons -->
  13.     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
  14.  
  15.     <!-- style CSS -->
  16.     <link rel="stylesheet" href="css/normalize.css">
  17.     <link rel="stylesheet" href="css/style.css">
  18.  
  19.     <!-- JS -->
  20.     <!--[if lte IE 8]>
  21.     <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script>
  22.     <![endif]-->
  23.     <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
  24. </head>
  25. <body>
  26.    
  27.     <!-- header -->
  28.     <header class="header">
  29.         <section class="page__center container clearfix">
  30.             <!-- nav -->
  31.             <nav class="navigation__container">
  32.                 <div class="logo">
  33.                     <a href="#"><img src="images/logo-black.png" alt=""></a>
  34.                 </div>
  35.                 <button class="btn-toggle" id="btnToggle" aria-label="Open / Close Menu">
  36.                     <div class="hamburger__container">
  37.                         <div class="hamburger">
  38.                             <span class="line"></span>
  39.                             <span class="line"></span>
  40.                             <span class="line"></span>
  41.                             <span class="line"></span>
  42.                         </div>
  43.                     </div>
  44.                 </button>
  45.                 <div class="nav">
  46.                     <ul class="nav__list">
  47.                         <li class="nav__item"><a href="#" class="nav__link">Detailed Agenda</a></li>
  48.                         <li class="nav__item"><a href="#" class="nav__link">Change Lang: PL</a></li>
  49.                         <li class="nav__item nav--submenu"><a href="#" class="nav__link">Business</a>
  50.                             <ul class="nav__list--submenu">
  51.                                 <li class="nav__item--submenu"><a href="#" class="nav__link">Find Innovation</a></li>
  52.                                 <li class="nav__item--submenu"><a href="#" class="nav__link">Find Clients</a></li>
  53.                             </ul>
  54.                         </li>
  55.                         <li class="nav__item nav--submenu"><a href="#" class="nav__link">Startups</a>
  56.                             <ul class="nav__list--submenu">
  57.                                 <li class="nav__item--submenu"><a href="#" class="nav__link">Attend for free</a></li>
  58.                                 <li class="nav__item--submenu"><a href="#" class="nav__link">Attend as scaleup</a></li>
  59.                             </ul>
  60.                         </li>
  61.                         <li class="nav__item"><a href="#" class="nav__link">Find Investment</a></li>
  62.                         <li class="nav__item"><a href="#" class="nav__link">Volunteer</a></li>
  63.                         <li class="nav__item"><a href="#" class="nav__link">Speaker</a></li>
  64.                         <li class="nav__item"><a href="#" class="nav__link">Media</a></li>
  65.                         <li class="nav__item"><a href="#" class="nav__link">Networking</a></li>
  66.                         <li class="nav__item"><a href="#" class="nav__link">Info</a></li>
  67.                         <li class="nav__item nav--submenu"><a href="#" class="nav__link">Agenda</a>
  68.                             <ul class="nav__list--submenu">
  69.                                 <li class="nav__item--submenu"><a href="#" class="nav__link">Overview</a></li>
  70.                                 <li class="nav__item--submenu"><a href="#" class="nav__link">Speakers</a></li>
  71.                                 <li class="nav__item--submenu"><a href="#" class="nav__link">Venue</a></li>
  72.                             </ul>
  73.                         </li>
  74.                         <li class="nav__item"><a href="#" class="nav__link">Partners</a></li>
  75.                         <li class="nav__item"><a href="#" class="nav__link">Blog</a></li>
  76.                         <li class="nav__item"><a href="#" class="nav__link buy--ticket">Buy Ticket</a></li>
  77.                     </ul>
  78.  
  79.                     <ul class="nav__list__desktop">
  80.                         <li class="nav__item"><a href="#" class="nav__link">Detailed Agenda</a></li>
  81.                         <li class="nav__item nav--submenu nav--submenu--desktop"><a href="#" class="nav__link">Why Attend</a>
  82.                             <ul class="nav__list--submenu">
  83.                                 <div class="nav__list--submenu--desktop">
  84.                                     <li class="nav__item--submenu--desktop">
  85.                                         <h2>Business</h2>
  86.                                         <ul>
  87.                                             <li class="sumbmenu--item"><a href="#">Find Innovation</a></li>
  88.                                             <li class="sumbmenu--item"><a href="#">Find Clients</a></li>
  89.                                         </ul>
  90.                                     </li>
  91.                                     <li class="nav__item--submenu--desktop">
  92.                                         <h2>Startups</h2>
  93.                                         <ul>
  94.                                             <li class="sumbmenu--item"><a href="#">Attend For Free</a></li>
  95.                                             <li class="sumbmenu--item"><a href="#">Attend As Scapeup</a></li>
  96.                                         </ul>
  97.                                     </li>
  98.                                     <li class="nav__item--submenu--desktop">
  99.                                         <h2>Investor</h2>
  100.                                         <ul>
  101.                                             <li class="sumbmenu--item"><a href="#">Find Investment</a></li>
  102.                                         </ul>
  103.                                     </li>
  104.                                     <li class="nav__item--submenu--desktop">
  105.                                         <h2>And</h2>
  106.                                         <ul>
  107.                                             <li class="sumbmenu--item"><a href="#">Volunteer</a></li>
  108.                                             <li class="sumbmenu--item"><a href="#">Speaker</a></li>
  109.                                             <li class="sumbmenu--item"><a href="#">Media</a></li>
  110.                                         </ul>
  111.                                     </li>
  112.                                 </div>
  113.                             </ul>
  114.                         </li>
  115.                         <li class="nav__item"><a href="#" class="nav__link">Networking</a></li>
  116.                         <li class="nav__item"><a href="#" class="nav__link">Info</a></li>
  117.                         <li class="nav__item nav--submenu nav--submenu--desktop"><a href="#" class="nav__link">Agenda</a>
  118.                             <ul class="nav__list--submenu nav__list--submenu--desktop--second">
  119.                                 <li class="nav__item--submenu"><a href="#" class="nav__link">Detailed Agenda</a></li>
  120.                                 <li class="nav__item--submenu"><a href="#" class="nav__link">Overview</a></li>
  121.                                 <li class="nav__item--submenu"><a href="#" class="nav__link">Speakers</a></li>
  122.                                 <li class="nav__item--submenu"><a href="#" class="nav__link">Venue</a></li>
  123.                             </ul>
  124.                         </li>
  125.                         <li class="nav__item"><a href="#" class="nav__link">Partners</a></li>
  126.                         <li class="nav__item"><a href="#" class="nav__link">Blog</a></li>
  127.                         <li class="nav__item buy--ticket"><a href="#" class="nav__link">Buy Ticket</a></li>
  128.                         <li class="nav__item lang"><a href="#" class="nav__link">PL</a></li>
  129.                     </ul>
  130.                 </div>
  131.             </nav>
  132.             <!-- end of nav -->
  133.         </section>
  134.     </header>
  135.     <!-- end of header -->
  136.  
  137.     <!-- main -->
  138.     <main>
  139.         <div class="banner__area">
  140.             <div class="page__center container clearfix">
  141.                 <h1>Info</h1>
  142.             </div>
  143.         </div>
  144.  
  145.         <div class="wrapper page__center container clearfix">
  146.             <div class="investor__book">
  147.                 <a href="#"><img class="inv__book" src="images/investor__book.jpg" alt=""></a>
  148.             </div>
  149.             <!--Hubspot Form -->
  150.             <div class="hubspot__form">
  151.                 <h3>If you want to achieve 7- and 8- digital revenues in your company and regain time, arrange an interview</h3>
  152.                 <script>
  153.                    hbspt.forms.create({
  154.                       portalId: "4344430",
  155.                       formId: "1a8b033e-5419-4d08-b8d4-ca7d367ded6a",
  156.                       css: ""
  157.                     });
  158.                 </script>
  159.             </div>
  160.         </div>
  161.     </main>
  162.     <!-- end of main -->
  163.  
  164.     <!-- footer -->
  165.     <footer>
  166.         <div class="footer__bg">
  167.             <div class="page__center container clearfix footer--container">
  168.                 <ul class="footer__nav--content">
  169.                     <li class="menu__item toggle--footer--menu">
  170.                         <a class="menu__link" href="#">Wolves Summit</a>
  171.                         <div class="toggle--footer">
  172.                             <ul class="menu__item__children--footer">
  173.                                 <li class="submenu--item"><a href="#">Networking</a></li>
  174.                                 <li class="submenu--item"><a href="#">Venue</a></li>
  175.                                 <li class="submenu--item"><a href="#">Recommend us</a></li>
  176.                             </ul>
  177.                         </div>
  178.                     </li>
  179.                     <li class="menu__item toggle--footer--menu">
  180.                         <a class="menu__link" href="#">Why Attend</a>
  181.                         <div class="toggle--footer">
  182.                             <ul class="menu__item__children--footer">
  183.                                 <li class="submenu--item"><a href="#">Business - find innovation</a></li>
  184.                                 <li class="submenu--item"><a href="#">Business - find clients</a></li>
  185.                                 <li class="submenu--item"><a href="#">Startup - attend for FREE</a></li>
  186.                                 <li class="submenu--item"><a href="#">Startup - join as a Scaleup</a></li>
  187.                                 <li class="submenu--item"><a href="#">Investor - find investment</a></li>
  188.                                 <li class="submenu--item"><a href="#">Speaker</a></li>
  189.                                 <li class="submenu--item"><a href="#">Volunteer</a></li>
  190.                                 <li class="submenu--item"><a href="#">Media</a></li>
  191.                             </ul>
  192.                         </div>
  193.                     </li>
  194.                     <li class="menu__item toggle--footer--menu">
  195.                         <a class="menu__link" href="#">Info</a>
  196.                         <div class="toggle--footer">
  197.                             <ul class="menu__item__children--footer">
  198.                                 <li class="submenu--item"><a href="#">About</a></li>
  199.                                 <li class="submenu--item"><a href="#">Press Info</a></li>
  200.                                 <li class="submenu--item"><a href="#">General FAQ</a></li>
  201.                                 <li class="submenu--item"><a href="#">Agenda FAQ</a></li>
  202.                                 <li class="submenu--item"><a href="#">Badge Claim FAQ</a></li>
  203.                                 <li class="submenu--item"><a href="#">Investors FAQ</a></li>
  204.                                 <li class="submenu--item"><a href="#">Location</a></li>
  205.                                 <li class="submenu--item"><a href="#">Partnership</a></li>
  206.                                 <li class="submenu--item"><a href="#">Startups FAQ</a></li>
  207.                                 <li class="submenu--item"><a href="#">Tickets FAQ</a></li>
  208.                                 <li class="submenu--item"><a href="#">Visa application FAQ</a></li>
  209.                                 <li class="submenu--item"><a href="#">Volunteers FAQ</a></li>
  210.                             </ul>
  211.                         </div>
  212.                     </li>
  213.                     <li class="menu__item toggle--footer--menu">
  214.                         <a class="menu__link" href="#">Contact</a>
  215.                         <div class="toggle--footer">
  216.                             <ul class="menu__item__children--footer">
  217.                                 <li class="submenu--item"><a href="#">Contact Information</a></li>
  218.                                 <li class="submenu--item"><a href="#">contact@wolvessummit.com</a></li>
  219.                                 <li class="submenu--item"><a href="#">Privacy policy</a></li>
  220.                                 <li class="submenu--item"><a href="#">Terms and conditions</a></li>
  221.                             </ul>
  222.                         </div>
  223.                     </li>
  224.                 </ul>
  225.                 <div class="custom__footer--content--inner">
  226.                     <div class="menu__item toggle--footer--menu">
  227.                         <h3 class="news--heading menu__link">Newsletter</h3>
  228.                         <div class="toggle--footer">
  229.                             <div class="news-sec">
  230.                                 <a class="btn btn-ws btn-blue-invert" href="#"><strong>Click Here To Subscribe</strong></a>
  231.                             </div>
  232.                         </div>
  233.                     </div>
  234.                     <h3>Stay Connected</h3>
  235.                 </div>
  236.             </div>
  237.             <div class="page__center container clearfix footer__copyright">
  238.                 <p>Wolves Den Sp. z o.o., al. Zwycięstwa 96/98, Gdynia - All right reserved &copy; 2018 - <strong>WOLVE</strong>SSUMMIT</p>
  239.             </div>
  240.         </div>
  241.     </footer>
  242.     <!-- end of footer -->
  243.  
  244. </body>
  245.  
  246. <!-- JS  Scripts -->
  247. <script src="js/app.js"></script>
  248.  
  249. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement