brasov/index.html at master · andreeaiosip/brasov · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html lang="en">
   <head id="trackUser">
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
      <link rel="stylesheet" href="./assets/css/style.css">
      <title>Brasov City</title>
   </head>
   <body >
      <nav class="navbar">
         <span class="navbar-toggle" id="js-navbar-toggle">
         <i class="fas fa fa-bars"></i>
         </span>
         <a href="#" class="logo grow">BRASOV CITY</a>
         <ul class="main-nav" id="js-menu">
            <li>
               <a href="index.html" class="nav-links"><i class="fa fa-fw fa-lg fa-home" style='margin-right:5px'></i>HOME</a>
            </li>
            <li>
               <a href="history.html" class="nav-links"><i class='fas fa-archway' style='margin-right:5px'></i>HISTORY</a>
            </li>
            <li>
               <a href="attractions.html" class="nav-links"><i class="fas fa-map-marked" style='margin-right:5px'></i>ATTRACTIONS</a>
            </li>
            <li>
               <a href="events.html" class="nav-links"><i class="fas fa-music" style='margin-right:5px'></i>EVENTS</a>
            </li>
            <li>
               <a href="contact.html" class="nav-links"><i class="fa fa-fw fa-envelope" style='margin-right:5px'></i>CONTACT</a>
            </li>
         </ul>
      </nav>
      <!--End Navbar-->
      <div class="indexSlider">
         <div class="indexContainer">
            <!-- Helpful code for the slider found here: https://codepen.io/cyberveos/pen/MvaMmw -->
            <div class="slider-inner">
               <input class="slider-open" type="radio" id="slide-1" name="slider" aria-hidden="true" hidden="" checked="checked">
               <div class="slider-item">
                  <img src="./assets/img/brasov2.jpg">
               </div>
               <input class="slider-open" type="radio" id="slide-2" name="slider" aria-hidden="true" hidden="">
               <div class="slider-item">
                  <img src="./assets/img/brasov21.jpg">
               </div>
               <input class="slider-open" type="radio" id="slide-3" name="slider" aria-hidden="true" hidden="">
               <div class="slider-item">
                  <img src="./assets/img/brasov76.jpg">
               </div>
               <label for="slide-3" class="slider-control prev control-1">‹</label>
               <label for="slide-2" class="slider-control next control-1">›</label>
               <label for="slide-1" class="slider-control prev control-2">‹</label>
               <label for="slide-3" class="slider-control next control-2">›</label>
               <label for="slide-2" class="slider-control prev control-3">‹</label>
               <label for="slide-1" class="slider-control next control-3">›</label>
            </div>
         </div>
      </div>
      <!--End Slider-->
      <div class="join-tour">
         <h3>DISCOVER BRASOV WITH US!</h3>
         <a href="events.html" class="join-btn">TOURS</a>
      </div>
      <div class="footer">
         <canvas id="myCanvas2" width="500" height="50"></canvas>
      </div>
   </body>
   <script src='https://kit.fontawesome.com/a076d05399.js'></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
   <script src="./assets/js/app.js"></script>
</html>