-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
95 lines (88 loc) · 3.78 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
<!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">
<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=Great+Vibes&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css"
integrity="sha512-1sCRPdkRXhBV2PBLUdRb4tMg1w2YPf37qatUFeS7zlBy7jJI8Lf4VHwWfZZfpXtYSLy85pkm9GaYVYMfw5BC1A=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<title>Parallax Effect</title>
</head>
<body>
<header id="parallax">
<div class="intro-text">
<h1>Ro · do · Sa Moments</h1>
<h3>Brighten up your events</h3>
</div>
<img class="balloons" src="./src/img/balloons.PNG" alt="balloons">
<img class="dance" src="./src/img/dance.PNG" alt="couple dancing">
<img class="bell" src="./src/img/christmas-bell.PNG" alt="christmas bell">
</header>
<section class="about">
<h1>Who are we?</h1>
<p>
From an early age our founder, Ro·do·Sa, has started to do beautiful decor's to please friends and family in
private events. Initially with birthday parties, she'd soon be working to decor companie's Christmas events
and small private weddings.
<br>
<br>
Now, she presents you her brand and her decors.
<br>
<br>
You need someone to do a decor for you? Are you marrying and need someone to help you out with your dream
marriage? Talk to us. Send your idea, and we'll make your dreams come true.
</p>
<div class="social">
<a href="#"><i class="fa-brands fa-square-facebook"></i></a>
<a href="#"><i class="fa-brands fa-instagram"></i></a>
</div>
</section>
<section class="services">
<h1>Our Services</h1>
<div class="serv-cards">
<div class="f-card">
<div class="card">
<img src="./src/img/balloons.PNG" class="balloon" alt="balloons">
<h2>Birthday Parties</h2>
</div>
</div>
<div class="f-card">
<div class="card">
<img src="./src/img/dance.PNG" class="couple" alt="couple dancing">
<h2>Wedding Decor</h2>
</div>
</div>
<div class="f-card">
<div class="card">
<img src="./src/img/christmas-bell.PNG" class="bells" alt="Christmas bell">
<h2>Special Events</h2>
</div>
</div>
</div>
</section>
<footer>
<div class="header">
<h1 class="foot-head">Contact Us</h1>
<p>For a personalized experience tell us your idea!</p>
<p>Let's brighten up your events!</p>
</div>
<div class="foot-text">
<form method="post">
<label for="name">name</label>
<input name="name" type="text" class="feedback-input" required />
<label for="email">email</label>
<input name="email" type="text" class="feedback-input" required />
<label for="textarea">message</label>
<textarea name="text" class="feedback-input" maxlength="250" required></textarea>
<input type="submit" value="send" />
</form>
</div>
<h6>Copyright © All rights reserved</h6>
</footer>
<script src="./dist/index.min.js"></script>
</body>
</html>