-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
102 lines (99 loc) · 5.11 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>WizardZ</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
rel="stylesheet"
/>
<link
href="https://cdn.jsdelivr.net/npm/remixicon@4.3.0/fonts/remixicon.css"
rel="stylesheet"
/>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<section class="section1">
<nav>
<h1><i class="ri-gemini-fill"></i>WizardZ</h1>
<div id="part2">
<h4>About us</h4>
<h4>Services</h4>
<h4>Use Cases</h4>
<h4>Pricing</h4>
<h4>Blog</h4>
<button>Request a quote</button>
</div>
</nav>
<div class="center">
<div class="center-part1">
<h1>Navigating the digital Space for Success</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit, praesentium culpa ipsam nisi expedita sint incidunt tempora repellendus eius ratione!</p>
<button>Book a consultation</button>
</div>
<div class="center-part2">
<img src="bhopu.jpg" alt="">
</div>
</div>
<div class="section1bottom">
<img src="https://imgs.search.brave.com/YH5vzeEJQQ5uXDV06HnT8TC7WgEbn5OfT3cD8tZ3phE/rs:fit:500:0:0:0/g:ce/aHR0cHM6Ly9mcmVl/cG5nbG9nby5jb20v/aW1hZ2VzL2FsbF9p/bWcvMTcxNTQ4Nzk0/MWFtYXpvbi1sb2dv/LXBuZy5wbmc" alt="">
<img src="https://imgs.search.brave.com/7ejN4CI7q_8TnVitNH3iStlK4zEN1GMKE2XLqfdBvmg/rs:fit:500:0:0:0/g:ce/aHR0cHM6Ly9jZG4y/Lmljb25maW5kZXIu/Y29tL2RhdGEvaWNv/bnMvbWV0cm8tdWlu/dmVydC1kb2NrLzEy/OC9EcmliYmJsZV9h/bHQucG5n" alt="">
<img src="https://imgs.search.brave.com/mSXg5CRlcLlc_B4fTylY-i1pV3rSinQJAKyM5C4L-Fc/rs:fit:500:0:0:0/g:ce/aHR0cHM6Ly9pMC53/cC5jb20vd3d3LnNp/bXBsZW1hY2hpbmVz/bWFya2V0aW5nLmNv/bS93cC1jb250ZW50/L3VwbG9hZHMvMjAy/MC8wOS9IdWJTcG90/X0xvZ28tMS5wbmc_/cmVzaXplPTEwMjQs/Mjk3JnNzbD0x" alt="">
<img src="notionlogo.jpg" alt="">
<img src="https://imgs.search.brave.com/ExjOf3p2EWP232mT5ZvRayUafZNuQZaff9haQn24vGQ/rs:fit:500:0:0:0/g:ce/aHR0cHM6Ly93d3cu/cG5nbWFydC5jb20v/ZmlsZXMvMjEvTmV0/ZmxpeC1QTkctUGlj/LnBuZw" alt="">
<!-- <img src="https://imgs.search.brave.com/fK3jqBQrOpOn0QfxY8H6WTfYL8l4lM9bw3PH3hn_Bto/rs:fit:500:0:0:0/g:ce/aHR0cHM6Ly9sb2dv/ZG93bmxvYWQub3Jn/L3dwLWNvbnRlbnQv/dXBsb2Fkcy8yMDIw/LzA0L3pvb20tbG9n/by0wLnBuZw" alt=""> -->
</div>
</section>
<section class="section2">
<div class="services">
<h4>Services</h4>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illum, nostrum! Asperiores, velit. Blanditiis obcaecati laudantium possimus saepe sint soluta veniam voluptatem, nulla similique vero ratione accusantium quisquam ducimus quaerat ex?</p>
</div>
<div class="container">
<div class="elem line1 left">
<div class="part1">
<h1>Search engine optimization</h1>
<h4><i class="ri-arrow-right-up-line"></i>learn more</h4>
</div>
<div class="part2">
<img src="l1.jpg" alt="">
</div>
</div>
<div class="elem black line1 right">
<div class="part1">
<h1>Pay per slick advertising</h1>
<h4><i class="ri-arrow-right-up-line"></i>learn more</h4>
</div>
<div class="part2">
<img src="l2.jpg" alt="">
</div>
</div>
<div class="elem black line2 left">
<div class="part1">
<h1>Social media marketing</h1>
<h4><i class="ri-arrow-right-up-line"></i>learn more</h4>
</div>
<div class="part2">
<img src="l3.jpg" alt="">
</div>
</div>
<div class="elem right line2 ">
<div class="part1">
<h1>Email marketing</h1>
<h4><i class="ri-arrow-right-up-line"></i>learn more</h4>
</div>
<div class="part2">
<img src="l4.jpg" alt="">
</div>
</div>
</div>
</section>
<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="script.js"></script>
</body>
</html>