Web1004/about.php at main · InfernoDragon0/Web1004 · 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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<html>
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="./css/about.css">

</head>
<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60">

        <?php
            include "./includes/header.php"
        ?>
</head>
<body>
        <?php
            include "./includes/nav.php"
        ?>
      <div class="jumbotron text-center" style="background:transparent !important; padding-top: 150px;">
  <h1>L U X A U TO</h1>
  <p>Dreams within your reach</p>
    </div>

<!-- Container (About Section) -->
<div id="about" class="container-fluid">
  <div class="row">
    <div class="col-sm-8">
      <h2>About Us</h2><br>
      <h4>Founded in 2020 by a team of car enthusiast, LUXAUTO is one of the largest importers of exotic vehicles in Singapore</h4><br>
      <p>Limited edition supercars have always been sought after by many people. LUXAUTO serves to be the platform where Singaporeans are also given the opportunity to bring home rare automobiles such as Pagani, Koenigsegg, etc.</p>
    </div>
      <img id="emblem" class="slideanim" src="images/logos/Pagani-emblem.png"/>
  </div>
</div>

<div class="container-fluid">
  <div class="row">
    <div class="col-sm-4">
      <span id="globe" class="fa fa-globe logo slideanim"></span>
    </div>
    <div class="col-sm-8">
      <h2>Our Values</h2><br>
      <h4><strong>MISSION:</strong> A smooth transaction for exotic car sales</h4><br>
      <p><strong>VISION:</strong> To be the main hub of exotic cars in the world</p>
    </div>
  </div>
</div>

<!-- Container (Services Section) -->
<div id="services" class="container-fluid text-center">
  <h2>SERVICES</h2>
  <h4>What we offer</h4>
  <br>
  <div class="row slideanim">
    <div class="col-sm-4">
      <span class="fa fa-check fa-2x logo-small"></span>
      <h4>Checked</h4>
      <p>All vehicles go through thorough checks</p>
    </div>
    <div class="col-sm-4">
      <span class="fa fa-thumbs-o-up fa-2x logo-small"></span>
      <h4>SERVICE</h4>
      <p>LUXAUTO receives over 95% of positive ratings by our customers</p>
    </div>
    <div class="col-sm-4">
      <span class="fa fa-usd fa-2x logo-small"></span>
      <h4>AFFORDABLE</h4>
      <p>All our vehicles come at affordable rates</p>
    </div>
  </div>
  <br><br>
  <div class="row slideanim">
    <div class="col-sm-4">
      <span class="fa fa-leaf fa-2x logo-small"></span>
      <h4>HYBRID AND ELECTRIC</h4>
      <p>We offer the latest hybrid and electric supercars</p>
    </div>
    <div class="col-sm-4">
      <span class="fa fa-phone fa-2x logo-small"></span>
      <h4>24-HOURS</h4>
      <p>Give us a call and we will be with you shortly</p>
    </div>
    <div class="col-sm-4">
      <span class="fa fa-bolt fa-2x logo-small"></span>
      <h4>SPEED</h4>
      <p>Fast transaction and approvals for all customers</p>
    </div>
  </div>
</div>

  <h2 style="text-align: center;">What our customers say</h2>
  <div id="myCarousel" class="carousel slide text-center" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
      <li data-target="#myCarousel" data-slide-to="1"></li>
      <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
      <div class="carousel-item active">
        <h4>"Love to experience different brands of expensive cars!"<br><span>Michael Roe, Vice President, Comment Box</span></h4>
      </div>
      <div class="carousel-item">
        <h4>"One word... WOW!!"<br><span>John Doe, Salesman, Rep Inc</span></h4>
      </div>
      <div class="carousel-item">
        <h4>"Could I... BE any more happy with this company?"<br><span>Paige Chua, Actress, MediaCorp</span></h4>
      </div>
    </div>

    <!-- Left and right controls -->
    <br>
    <br>
    <br>
    <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
      <span class="fa fa-chevron-left" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
      <span class="fa fa-chevron-right" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
</div>

<script>
$(document).ready(function(){
  // Add smooth scrolling to all links in navbar + footer link
  $(".navbar a, footer a[href='#myPage']").on('click', function(event) {
    // Make sure this.hash has a value before overriding default behavior
    if (this.hash !== "") {
      // Prevent default anchor click behavior
      event.preventDefault();

      // Store hash
      var hash = this.hash;

      // Using jQuery's animate() method to add smooth page scroll
      // The optional number (900) specifies the number of milliseconds it takes to scroll to the specified area
      $('html, body').animate({
        scrollTop: $(hash).offset().top
      }, 900, function(){

        // Add hash (#) to URL when done scrolling (default click behavior)
        window.location.hash = hash;
      });
    } // End if
  });

  $(window).scroll(function() {
    $(".slideanim").each(function(){
      var pos = $(this).offset().top;

      var winTop = $(window).scrollTop();
        if (pos < winTop + 600) {
          $(this).addClass("slide");
        }
    });
  });
})
</script>
<?php
            include "./includes/footer.php";
        ?>
</body>
</html>