-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
168 lines (161 loc) · 7.03 KB
/
index.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
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
168
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home | REJOUICE®</title>
<link rel="shortcut icon" href="./32x32.webp" type="image/x-icon">
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"
/>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll@3.5.4/dist/locomotive-scroll.css">
<link
href="https://cdn.jsdelivr.net/npm/remixicon@4.3.0/fonts/remixicon.css"
rel="stylesheet"
/>
</head>
<body>
<div class="loader">
<h3>Tomorrow's</h3>
<h3>Brand,</h3>
<h3>Today "</h3>
</div>
<div class="main">
<div class="page1">
<div class="cursor">
<h3>Play Reel</h3>
</div>
<video autoplay loop muted src="./bgvideo.mp4"></video>
<div class="page1-content">
<nav>
<h3>The Venture Agency.</h3>
<h4>Menu</h4>
</nav>
<h1><span>r</span><span>e</span><span class="capital">j</span><span>o</span><span>u</span><span class="capital">i</span><span>c</span><span>e</span>
</h1>
</div>
</div>
<div class="page2">
<div class="part1">
<nav>
<h3>Tomorrow's Brand,Today™</h3>
<h3>Paris/San Deigo</h3>
</nav>
</div>
<div class="content">
<h1>We are a venture firm and digital agency. Our mission is to transform founders' visions into remarkable brands. Choose traditional compensation or an equity offset through our Venture Model — your vision, your decision.</h1>
</div>
</div>
<div class="page3">
<div class="top">
<h4>Agency & Venture <span>Models</span> <i id="itag" class="ri-corner-right-down-line"></i></h4>
<h2 id="one">Explore Our Services </h2>
<h2>& engagement models</h2>
</div>
</div>
<div class="page3-elements">
<div class="boxes">
<img src="./img1.webp" alt="">
<video autoplay loop muted src="./video1.mp4"></video>
</div>
<div class="boxes">
<img src="./img2.webp" alt="">
<video autoplay loop muted src="./video2.mp4"></video>
</div>
<div class="boxes">
<img src="./img3.webp" alt="">
<video autoplay loop muted src="./video3.mp4"></video>
</div>
</div>
<div class="page4">
<div id="part1" class="part1">
<nav class="nav" id="page4nav" >
<h3>We operate on a simple philosphy:</h3>
<h3>Quality over quatity.</h3>
</nav>
</div>
<div id="content" class="content">
<h1>We partner with up to 5 clients each year. This allows intense focus on the transformation and launch of your brand by our very best team, which is the only team we have. We specialize in working with startups that are revolutionizing their industries.</h1>
</div>
</div>
<div class="page5">
<h1> 2 seats</h1>
<video autoplay loop muted src="./RJ-BALL-BLUE-ORANGE-scaled.webm"></video>
<svg class="abs tl:0 fit transform rotate:-90deg" viewBox="0 0 100 100">
<circle cx="50" cy="50" r="49" stroke="#fff" stroke-width="0.25" fill="none" class="o:0.3 $$2$$ $$3$$ $$4$$ (.in-view):tween:all,2.8s,easeOutSlow dasharray:308 dashoffset:616 (.in-view):dashoffset:431.20000000000005"></circle>
<circle cx="50" cy="50" r="49" stroke="#fff" stroke-width="0.25" fill="none" class="$$5$$ $$6$$ $$7$$ (.in-view):tween:all,2.8s,easeOutSlow dasharray:308 dashoffset:308 (.in-view):dashoffset:123.2"></circle>
</svg>
<svg class="abs tl:0 fit transform rotate:0 $$8$$ (.in-view):tween:all,2.8s,easeOutSlow (.in-view):rotate:216deg" viewBox="0 0 100 100">
<circle cx="50" cy="1" r="1" fill="#fff"></circle>
</svg>
</div>
<div class="page6">
<div class="part1">
<nav>
<h3>Strategy & emotion. <br> You need both. </h3>
</nav>
</div>
<div class="content">
<h1>Data matters, yet it’s the emotion that drives buying decisions. We don’t believe in ‘one size fits all.’ We craft unique brand experiences that deeply resonate with your audience and boost your KPIs.</h1></div>
</div>
<div class="page7">
<div class="page7-top">
<h1>Get in touch.</h1>
<!-- <h3>Contact</h3> -->
<div class="swiper">
<div class="swiper mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="./slider1.webp" alt="">
<img src="./slider2.webp" alt="">
<img src="./slider3.webp" alt="">
<img src="./slider4.webp" alt="">
<img src="./slider5.webp" alt="">
</div>
<div class="swiper-slide">
<img src="./slider1.webp" alt="">
<img src="./slider2.webp" alt="">
<img src="./slider3.webp" alt="">
<img src="./slider4.webp" alt="">
<img src="./slider5.webp" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page8">
<h4>We're uniquely built <i class="ri-corner-right-down-line"></i></h4>
<h1>About us </h1>
</div>
<div class="page9">
<div class="left">
<h2>Relax. We've got you</h2>
<button>Take a seat</button>
<h1><span>r</span><span>e</span><span class="capital">j</span><span>o</span><span>u</span><span class="capital">i</span><span>c</span><span>e</span>
</h1>
</div>
<div class="right">
<div class="rleft">
<h3>Home</h3>
<h3>Work</h3>
<h3>Client</h3>
<h3>Services</h3>
</div>
<div class="rright">
<h3>X<i class="ri-arrow-right-up-fill"></i></h3>
<h3>Instagram<i class="ri-arrow-right-up-fill"></i></h3>
<h3>Linkedin<i class="ri-arrow-right-up-fill"></i></h3>
<h3>Facebook<i class="ri-arrow-right-up-fill"></i></h3>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/locomotive-scroll@3.5.4/dist/locomotive-scroll.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js" integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js" integrity="sha512-onMTRKJBKz8M1TnqqDuGBlowlH0ohFzMXYRNebz+yOcc5TQr/zAKsthzhuv0hiyUKEiQEQXEynnXCvNTOk50dg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script src="script.js"></script>
</body>
</html>