project2/index.html at master · jonathanleibovici/project2 · 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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!doctype html>
<html lang="en">

<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" integrity="sha256-h20CPZ0QyXlBuAw7A+KluUYx/3pK+c7lYEpqLTlxjYQ=" crossorigin="anonymous" />
  <link rel="stylesheet" href="style.css">
  <title>Luxury Car Rental</title>
</head>

<body>
  <div class="container-fluid bg-dark">
    <nav class=" container navbar navbar-expand-lg navbar-dark bg-dark">
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <a class="navbar-brand" href="#"><i class="fas fa-bolt"></i></a>

      <div class="collapse navbar-collapse" id="navbarTogglerDemo03">
        <ul class="navbar-nav ml-auto mt-2 mt-lg-0">
          <li class="nav-item active mr-3">
            <a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
          </li>
          <li class="nav-item mr-3">
            <a class="nav-link" href="americansup.html">American Muscle Car</a>
          </li>

          <li class="nav-item mr-3">
            <a class="nav-link " href="italian.html" tabindex="-1" aria-disabled="true">Italian Super Cars</a>
          </li>
          <li class="nav-item mr-3">
            <a class="nav-link " href="unitedkindom.html" tabindex="-1" aria-disabled="true">United Kingdom Cars</a>
          </li>
          <li class="nav-item mr-3">
            <a class="nav-link " href="about.html" tabindex="-1" aria-disabled="true">About Us</a>
          </li>
          <li class="nav-item mr-3">
            <a class="nav-link " href="form.html" tabindex="-1" aria-disabled="true">Contact Us</a>
          </li>
          <li class="nav-item">
            <a href="orderonline.html" class="btn btn-danger">Order Online</a>
          </li>
        </ul>

      </div>

    </nav>
  </div>

  <div class="container d-flex flex-column mb-5 p-0 justify-content-center ">
    <div class="container-fluid col-12 m-0 p-0 mb-4">
      <div class="jumbotron-fluid jumbotron d-flex flex-column align-items-center justify-content-center p-0 mt-3">
        <img class="img-fluid" alt=" a really nice car" src="images/mc.jpg">
        <!--- <h1 class="text-center m-4 display-4 d-inline-block bg-dark text-white font-weight-light p-3 ">Leibovici's Luxury Car Rental </h1>
            <p class="mt-4">
            <a href="#" class="btn-info btn mr-5">menu</a>
            <a href="#" class="btn-danger btn">order online</a>
        </p>-->
      </div>
      <div class="d-flex">
        <h1 class="text-center m-4 display-4 mx-auto bg-dark text-white font-weight-light p-3 "> Welcome To Leibovici's Luxury Car Rental </h1>
      </div>
    </div>

    <div class="container">
      <!--<div class="alert alert-danger text-center" role="alert">
        Due to COVID-19 we are exclusively offering takeout. Use coupon code<strong> STAYINSIDE </strong>for 15% off of your first order
      </div>-->

    </div>
    <div class="row ">
      <div class="col-sm-4">
        <div class="card h-100 bg-dark">
          <img class="card-img-top" src="americanluxcars/saleen.jpg" alt="american car">
          <div class="card-body d-flex flex-column align-items-center mb-3 w-100 text-white">
            <h5 class=" card-title text-center">American Muscle cars</h5>
            <p class="align-self-start card-text">We have a list of American Luxuary Supercars,
                click on what car brand you would like to rent,for more information on the cars please click the link below to read more on the car to see which car is right for you.  </p>
            <a href="americansup.html" class="btn btn-light btn-sm  mx-2">Read More »</a>
          </div>
        </div>
      </div>
      <div class="col-sm-4">
        <div class="card h-100 bg-light">
          <img class="card-img-top" src="italiansupercar/lambo.jpg" alt="italian supercars">
          <div class="card-body d-flex flex-column align-items-center mb-3 w-100 ">
            <h5 class=" card-title text-center">Italian Luxury Supercar</h5>
            <p class="align-self-start card-text">We have a list of Italian Luxuary Supercars,
             click on what car brand you would like to rent,for more information on the cars please click the link below to read more on the car to see which car is right for you.</p>
            <div class="text-center">
            <a href="italian.html" class="btn btn-secondary btn-sm   mx-2">Read More »</a></div>
          </div>
        </div>
      </div>
      <div class="col-sm-4">
        <div class="card h-100 bg-primary">
          <img class="card-img-top" src="u.ksupercar/Aston_Martin.jpg" alt="u.kcars">
          <div class="card-body d-flex flex-column align-items-center mb-3 w-100 ">
            <h5 class=" card-title text-center">United Kingdom Luxury Supercar</h5>
            <p class="align-self-start card-text">We have a list of United Kingdom Luxuary Supercars,
                click on what car brand you would like to rent,for more information on the cars please click the link below to read more on the car to see which car is right for you.</p>
            <div class="text-center">
            <a href="americansup.html" class="btn btn-light btn-sm  mx-2">Read More »</a>
        </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Optional JavaScript -->
  <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</body>

</html>