fender/index.html at master · mehmetdemiray/fender · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <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 href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,500i,600,700,800,800i,900&display=swap"
        rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=EB+Garamond:400,400i&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="./assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="./assets/css/style.css">
    <title>Document</title>
</head>

<body>
    <div class="background-overlay">
        <div class="l-image fender">
            <img class="tilt center" src="./assets/img/fender.png" alt="" width="auto" height="96%">
        </div>
        <div class="left">
            <div class="l-overlay"></div>
        </div>
        <div class="right">
            <div class="r-overlay"></div>
        </div>
    </div>

    <div class="container-fluid h-100">
        <div class="d-flex justify-content-between navbar">
            <div class="w-50">
                <ul class="nav w-100 d-flex justify-content-between">
                    <li class="nav-item">
                        <div class="logo"><img src="./assets/img/fender-logo.png"></div>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">About</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Contact Us</a>
                    </li>
                </ul>
            </div>
            <div class="w-50 right-nav">
                <ul class="nav w-100 d-flex justify-content-between">
                    <li class="nav-item">
                        <a class="nav-link" href="#">Guitars</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Basses</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Acoustics</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Effects Pedals</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="row h-100">
            <div class="col-md-6 my-auto">
                <h2>
                    VINTAGE STYLE<br />
                    FOR THE MODERN ERA
                </h2>
                <p class="m-45">
                    For players who want the style and sound of Fender’s golden era, we created the Vintera‘50s
                    Stratocaster. Equipped with the coveted features that defined the decade—including period-accurate
                    neck profile and hardware, along with re-voiced pickups—this guitar has all of the chime and
                    articulation that made the Stratocaster a legend.</p>
                <ul class="m-45">
                    <li>
                        <p>Alder or ash body</p>
                    </li>
                    <li>
                        <p>Neck/mid and bridge tone controls</p>
                    </li>
                    <li>
                        <p>“Soft V”-shaped maple neck; 7.25”-radius</p>
                    </li>
                    <li>
                        <p>Vintage-style six-point synchronized tremolo</p>
                    </li>
                </ul>
                <div class="m-45 btn-grp">
                    <button type="button" class="btn btn-detail">Primary</button>
                    <button type="button" class="btn btn-buy">Buy Now</button>
                </div>
            </div>
            <div class="col-md-6 my-auto right-home">
                <h1>fender 60's</h1>
                <h3>stratocaster</h3>
                <h4 class="rel">candy apple red</h4>
                <div class="m-70">
                    <a href="#"><img src="./assets/img/youtube.png" alt=""></a>
                </div>
                <div class="m-20"></div>
                <div class="m-45"></div>
                <h5>Fender American Original<br />
                    '60s Stratocaster</h5>
            </div>

        </div>
    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="./assets/js/bootstrap.min.js"></script>
    <script src="./assets/js/popper.min.js"></script>
    <script src="https://unpkg.com/tilt.js@1.1.21/dest/tilt.jquery.min.js"></script>
    <script>
        $('.tilt').tilt({
            maxTilt: 8,
        })
    </script>