Mercedes-Benz-website-concept/index.html at master · natsitarz/Mercedes-Benz-website-concept · 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
<!DOCTYPE html>
<html lang="en">
<!--JEST TO TYLKO KONCEPT STRONY.
WSZYSTKIE ELEMENTY SĄ CHRONIONE
PRAWAMI AUTORSKIMI ICH TWÓRCÓW.-->

<head>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
    <meta charset="UTF-8">
    <link rel="icon" href="./img/logo.png">
    <meta name="viewport" content="width=device-width, initial-scale=0.65">
    <title>Mercedes-Benz</title>
    <link rel="stylesheet" href="./css/style.css">
</head>

<body>
    <div>
        <header>
            <nav class="navbar navbar-dark" style="background-color: rgba(0, 0, 0, 0.8); text-decoration: none;">
                <img class="logo d-inline-block align-top" width="50" height="50" src="./img/logo.png">
                <a class="brand-name">Mercedes-Benz</a>
                <a href="./index.html" class="nav-btn">Home</a>
                <a href="./pages/cars.html" class="nav-btn">Cars</a>
                <a href="./pages/about.html" class="nav-btn">About Us</a>
            </nav>
        </header>
        <video autoplay muted loop playsinline id="myVideo">
            <source src="./video/indxbg.mp4" type="video/mp4">
        </video>
        <div>
            <div class="content">
            </div>
        </div>
        <div>
            <br>
            <div class="mid">
                <p style="text-align:center; font-size:55px; color:white;font-family:garamond,serif;
     opacity:0.85; text-shadow:
   2px 2px #000000;">Mercedes-Benz</p>
                <p style="text-align:center; font-size:22px; color:white;font-family:garamond,serif;
     opacity:0.85; text-shadow:
    2px 2px #000000;">The best or nothing.</p>
            </div>
            <div class="footer">
                <p class="pf">Mercedes-Benz website concept | Author: Nataniel Sitarz</p>
            </div>
        </div>
    </div>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp
  4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
</body>

</html>