-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathvip.html
130 lines (108 loc) · 5.64 KB
/
vip.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
<!-- Mi CSS -->
<link rel="stylesheet" href="css/style.css">
<!-- Icono paginas -->
<link rel="shortcut icon" href="https://pbs.twimg.com/profile_images/1129561704424075264/SbW_LUxo_400x400.jpg">
<!-- SEO -->
<meta name="description"
content="Become an exclusive member of our community. Get acccess to premium content and secret merch drops that only go live on our exclusive community for fans.">
<meta name="keywords"
content="EXCLUSIVE, PREMIUM, VIP, CONTENT, SECRET, FANS, FAN CLUB, PATREON, TRIPPIE REDD, TRIPPIE">
<!-- Fuentes -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Antonio:wght@100&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Zen+Dots&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@200&family=Zen+Dots&display=swap" rel="stylesheet">
<title>FULL SEND | VIP</title>
</head>
<body class="body-vip">
<div class="navContainer">
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container-fluid">
<a class="navbar-brand" href="index.html"><img
src="https://wallpapercave.com/wp/wp4408286.png"
class="img-fluid logo-fullsend" width="150px" alt="full send logo"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="shop.html">SHOP</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="music.html">MUSIC</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link active dropdown-toggle" aria-current="page" href="vip.html" id="navbarDropdown"
role="button" data-bs-toggle="dropdown" aria-expanded="false">
VIP
</a>
<ul class="dropdown-menu fade-down" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="vip.html">SHOWROOM</a></li>
<li><a class="dropdown-item" href="vip.html#botonVIP">MEMBERSHIP</a></li>
<li>
<hr class="dropdown-divider">
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="connect.html">CONNECT</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="carrito.html">CART</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<!-- Hacete socio del club vip -->
<h1 id="titulo-vip">BECOME AN EXCLUSIVE MEMBER.</h1>
<section class="clase-vip">
<p id="texto-vip">See behind the scenes and get exclusive merch with our premium account.</p>
<!-- Carousel -->
<div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img
src="media/trippieslider.jpg"
class="d-block w-75" alt="trippie photo shoot">
</div>
<div class="carousel-item">
<img src="media/trippieshowslider.jpg" class="d-block w-75" alt="trippie performing">
</div>
<div class="carousel-item">
<img src="media/trippieredredslider.jpg" class="d-block w-75" alt="trippie performing">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</section>
<!-- <button>Hacete Miembro</button> -->
<div style="padding-top: 1%; padding-bottom: 4%;" class="col-lg-6 text-center m-auto mt-5">
<a href="https://www.patreon.com"><button class="btn1" id="botonVIP">Become a Member</button></a>
</div>
<!-- Javascript -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous"></script>
</body>
</html>