-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathloui.html
149 lines (122 loc) · 5.81 KB
/
loui.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
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>Loui Greens |Occxlnce Creative Studio</title>
<link rel="shortcut icon" href="favicon.png">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./style.css">
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
<link rel="stylesheet" href="https://use.typekit.net/zhq0vyf.css">
<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="stylesheet" href="oversight.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="pilot.css">
<link rel="stylesheet" href="css/nabar.css">
</head>
<body>
<header class="header">
<a href="index.html" class="logo">OCCXLNCE</a>
<i class='bx bx-menu' id="menu-icon"></i>
<nav class="navbar">
<a href="about.html">About</a>
<a href="portfolio.html">Work</a>
<a href="contact.html">Contact</a>
</nav>
</header>
<div class="nav-bg"></div>
<br>
<br>
<br>
<div class="myslider">
<div class="list">
<div class="item">
<img src="img/lgcover.png" alt="">
</div>
<div class="item">
<img src="img/Client3.png" alt="">
</div>
<div class="item">
<img src="img/louic.jpg" alt="">
</div>
<div class="item">
<img src="img/lgscreen.png" alt="">
</div>
<div class="item">
<img src="img/louij.jpg" alt="">
</div>
</div>
<div class="buttons">
<button id="prev"><</button>
<button id="next">></button>
</div>
<ul class="dots">
<li class="active"></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<div class="custom-card">
<div class="custom-content">
<p class="custom-heading">Loui Greens</p>
<p class="custom-paragraph">
<b>BRANDING | DEVELOPMENT </b>
<br>
<br>
<b>Year | 2023 </b>
<a href="https://louigreens1.netlify.app/">Preview Link</a>
</p>
</div>
</div>
<section class="full sec-p">
<p>Welcome to the immersive world of Loui Greens, an agricultural haven nestled in Louis Trichardt, Limpopo. Rooted in the fertile soils of this picturesque town, Loui Greens envisioned transcending local landscapes to share its organic treasures with the world. This ambition sparked a harmonious collaboration with Occxlnce Creative Studio, resulting in the creation of an enchanting e-commerce platform. This platform brings the heart of Louis Trichardt directly to digital doorsteps, providing a captivating and convenient way to savor the bounty of Loui Greens.<br>
<br><b>
Collective Vision:
<br></b>
Occxlnce Creative Studio joined forces with Loui Greens. Together, we embarked on a journey to craft an online sanctuary that not only showcases the purity of organic farming but also tells a story that goes beyond the confines of traditional e-commerce. This shared vision permeates every pixel of the Loui Greens E-commerce, offering users an immersive experience that transcends mere transactional interactions.
<br>
<br><b>
Digital Harvest:<br></b>
Step into the Loui Greens E-commerce, and you'll find it's more than just a platform; it's a virtual journey through the verdant fields of Louis Trichardt. The intuitive design is seamlessly coupled with storytelling elements, creating an atmosphere where each click and scroll unveils the vibrant tapestry of Loui Greens' offerings. From the vibrant hues of freshly harvested produce to the distinctive aroma of organically grown herbs, every aspect is meticulously woven into a digital harvest that promises freshness beyond geographical borders.
<br>
<br><b>
Future Growth:<br></b>
This collaboration not only marks a milestone in the digital transformation of Loui Greens but also lays a robust foundation for global expansion. The website's scalability ensures a seamless transition into new markets, all while upholding the authenticity and freshness that define the essence of Loui Greens. As we look ahead, this digital partnership is poised to propel Loui Greens into the forefront of the global organic marketplace, ensuring that the world can savor the purity of Louis Trichardt's agricultural wonders.
Embark on a digital odyssey through Loui Greens, where the collective creativity of Occxlnce intertwines harmoniously with nature's bounty, creating an oasis of freshness, inspiration, and endless possibilities.</p>
</section>
<div class="cursor-wrap js-cursor-wrap">
<div class="cursor js-cursor">
<svg height="60" width="60" class="circle">
<circle cx="30" cy="30" r="26" stroke="#FD1F03" stroke-width="1.9" fill="transparent" />
</svg>
</div>
</div>
<!-- JAVASCRIPT FILES -->
<script src="css/cursor.js">
</script>
<script src="oversight.js">
</script>
<script src="pilot.js">
</script>
<script src="css/nabar.js">
</script>
<script src="dropdown.js">
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/gsap.min.js'></script>
<script src='https://cdn.jsdelivr.net/npm/locomotive-scroll@3.5.4/dist/locomotive-scroll.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/3.4.2/ScrollTrigger.min.js'></script>
<script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/SplitText3.min.js'></script><script src="./script.js"></script>
<script>
const menuIcon = document.querySelector('#menu-icon');
const navbar = document.querySelector('.navbar');
const navbg = document.querySelector('.nav-bg');
menuIcon.addEventListener('click', () => {
menuIcon.classList.toggle('bx-x');
navbar.classList.toggle('active');
navbg.classList.toggle('active');
});
</script>
</body>
</html>