Scribd
Upload
5 views18 pages

DOCTYPE HTML

The document is an HTML template for a website titled 'DREAM CRAFTERS EVENT' that includes navigation links, a modal for account creation, a slideshow for event promotions, and sections detailing various event services such as birthday parties, weddings, and corporate events. It features images and descriptions for each service, along with buttons for more details. The document also includes styling links and JavaScript for interactive elements like the slideshow and modal functionality.

Uploaded by

crazieekrish0204
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
5 views18 pages

DOCTYPE HTML

The document is an HTML template for a website titled 'DREAM CRAFTERS EVENT' that includes navigation links, a modal for account creation, a slideshow for event promotions, and sections detailing various event services such as birthday parties, weddings, and corporate events. It features images and descriptions for each service, along with buttons for more details. The document also includes styling links and JavaScript for interactive elements like the slideshow and modal functionality.

Uploaded by

crazieekrish0204
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 18

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>template</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav class="ce">
<k href="#"><img src="c:\Users\selva\Downloads\WhatsApp Image
2024-11-24 at 10.35.06 AM.jpeg" style="width:50px;height:50px; float:
left;">
<p class="ce">DREAM CRAFTERS
EVENT</p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb
sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a
href="#">Home</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;
<a
href="#">Event</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;&nbsp;&nbsp;
<a
href="#">Cart</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;
<a href="#">Contact
as</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;
<button
onclick="document.getElementById('id01').style.display='block'">ACCOUNT</
button>
<div id="id01" class="modal">
<span onclick="document.getElementById('id01').style.display='none'"
class="close" title="Close Modal"></span>
<form class="modal-content" action="/action_page.php">
<div class="container">
<h1>my account</h1>
<p>Please fill in this form to create an account.</p>
<hr>
<label for="email"><b>Email</b></label>
<input type="text" placeholder="Enter Email" name="email"
required><br><br>

<label for="psw"><b>Password</b></label>
<input type="password" placeholder="Enter Password" name="psw"
required><br><br>

<label for="psw-repeat"><b>Repeat Password</b></label>


<input type="password" placeholder="Repeat Password" name="psw-
repeat" required><br><br>

<label>
<input type="checkbox" checked="checked" name="remember"
style="margin-bottom:15px"> Remember me
</label>

<p>By creating an account you agree to our <a href="#"


style="color:dodgerblue">Terms & Privacy</a>.</p>

<div class="clearfix">
<button type="button"
onclick="document.getElementById('id01').style.display='none'"
class="cancelbtn">Cancel</button>
<button type="submit" class="signup">Sign Up</button>
</div>
</div>
</form>
</div>
<script>
// Get the modal
var modal = document.getElementById('id01');

// When the user clicks anywhere outside of the modal, close it


window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
</script>
</nav><br><br><br><br>
<div class="slideshow-container">
<div class="mySlides fade">
<div class="numbertext">1 / 3</div>
<img src="c:\Users\selva\Downloads\WhatsApp Image 2024-
11-24 at 4.41.29 PM (1).jpeg" width="100%" height="200">
<div class="center">WE DECOR YOUR<br> DREAMS</div>
</div>

<div class="mySlides fade">


<div class="numbertext">2 / 3</div>
<img src="c:\Users\selva\Pictures\bestiee\WhatsApp
Image 2024-11-24 at 6.54.41 PM.jpeg" width="100%"height="200">
<div class="center">WE ARE THE EVENTN<BR>
PLANNERS</div>
</div>

<div class="mySlides fade">


<div class="numbertext">3 / 3</div>
<img src="c:\Users\selva\Pictures\bestiee\WhatsApp
Image 2024-11-24 at 1.29.45 PM (2).jpeg" width= "100%" height="200">
<div class="center">PLANS ARE NOTHING <BR> IS
EVERYTHING</div>
</div>

<!-- Next and previous buttons -->


<a class="prev" onclick="plusSlides(-1)">&#10094;</a>
<a class="next" onclick="plusSlides(1)">&#10095;</a>
</div>
<br>

<!-- The dots/circles -->


<div style="text-align:center">
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
</div>
<script>
let slideIndex = 1;
showSlides(slideIndex);

// Next/previous controls
function plusSlides(n) {
showSlides(slideIndex += n);
}

// Thumbnail image controls


function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
let i;
let slides = document.getElementsByClassName("mySlides");
let dots = document.getElementsByClassName("dot");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
}
</script>
<p class="fo"> CREATING MEMORY TO LAST A LIFE TIME</p>
<center><h3> WE ARRANGE</body></h3>
<k href="#"><img src="c:\Users\selva\Downloads\WhatsApp Image
2024-11-24 at 10.35.06 AM.jpeg" style="width:70px;height:70px;
float:center;">
</center>
<div class="mi">
<div class="gi">
<img src="c:\Users\selva\Pictures\bestiee\WhatsApp Image 2024-
11-24 at 1.29.45 PM (1).jpeg" width="100%">
<h3>Birthday event ideas</h3>
<h>We arrange birthday events with the creative theme of the
birthday.We provides all the birthday party
needs.lorem.</h>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb
sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;
<button>MORE DETAILS</button>
</div>
<div class="gi">
<img src="c:\Users\selva\Pictures\bestiee\WhatsApp Image 2024-
11-24 at 7.55.03 PM.jpeg" width="100%">
<h3>Weding event</h3>
<h>A Wedding is a crucial time in someone's life and we give
our best to make this moment memorable for everyone.lorem
ips.</h>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<button>MORE DETAILS</button>
</div>
<div class="gi">
<img src="c:\Users\selva\Pictures\bestiee\WhatsApp Image 2024-
11-24 at 4.41.29 PM (2).jpeg" width="100%">
<h3>Bussiness event</h3>
<h>We take care of all kinds of parties and events,we also
gives them ideas about the party and suggest the place for the
part.</h>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;
<button>MORE DETAILS</button>
</div>
<div class="gi">
<img src="C:\Users\selva\Pictures\bestiee\WhatsApp Image 2024-
11-24 at 4.41.29 PM.jpeg" width="100%">
<h3>Party event</h3>
<h>We take care of all kinds of parties and events,we also
gives them ideas about the party and suggest the place for the
part.</h>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;
<button>MORE DETAILS</button>
</div>
<div class="gi">
<img src="c:\Users\selva\Pictures\bestiee\WhatsApp Image 2024-
11-24 at 8.38.11 PM.jpeg" width="100%">
<h3>Baby shower</h3>
<h>We take care of all kinds of parties and events,we also
gives them ideas about the event and suggest the place for the
part.</h>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;
<button>MORE DETAILS</button>
</div>
<div class="gi">
<img src="c:\Users\selva\Pictures\bestiee\WhatsApp Image 2024-
11-24 at 8.38.11 PM (1).jpeg" width="100%">
<h3>Award cermony</h3>
<h>We take care of all kinds of cermony,we also gives them
ideas about the cermony and suggest the place for the
part....</h>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb
sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp;&nbsp;&nbsp;&nbsp;
<button>MORE DETAILS</button>
</div>
</div>
<div class="zi">
<center><h2> <br> OFFER</body></h2>
<k href="#"><img src="c:\Users\selva\Downloads\WhatsApp Image
2024-11-24 at 10.35.06 AM.jpeg" style="width:70px;height:70px;
float:center;">
</center>
<div class="oi">
<img src="c:\Users\selva\Pictures\bestiee\WhatsApp Image 2024-11-
25 at 10.59.02 AM (2).jpeg" width="100%">
<h3>VIDIO & PHOTO</h3>
<h>There are many version passage of lorem ipsum availables,but
majority have suffered alteration in some form injected humour.</h>
</div>
<div class="oi">
<img src="c:\Users\selva\Pictures\bestiee\WhatsApp Image 2024-11-
24 at 8.38.12 PM.jpeg" width="100%">
<h3>CATERING & DECORATION</h3>
<h>Every event basic need is catering and decoration and we
takr care of it just for our client want. we provides the catering and
decoration as per their
requrements.</h>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb
sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</div>
<div class="oi">
<img src="c:\Users\selva\Pictures\bestiee\WhatsApp Image 2024-11-
25 at 10.59.02 AM (1).jpeg" width="100%">
<h3>FLOWER BOUQUETS</h3>
<h>We offer the flower bouquets to our client for events
because flowers express the beauty very well. And it is very polite to
give someone respect or
welcome</h>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb
sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;
</div>
<div class="oi">
<img src="C:\Users\selva\Pictures\bestiee\WhatsApp Image 2024-11-
25 at 10.59.02 AM.jpeg" width="100%">
<h3>ENTERTAIMENT</h3>
<h>Every event needs entertaiment and we provides the
entertaiment in our event to take care of our guedt and we too provides
dance.fire show.magic show and
so.</h>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb
sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&nbsp;&nbsp;&nbsp;
</div>
<div class="oi">
<img src="c:\Users\selva\Pictures\bestiee\WhatsApp Image 2024-11-
25 at 10.59.01 AM (1).jpeg" width="100%">
<h3>EVENT CARDS</h3>
<h>We take care of all kinds of parties and events,we also
gives them ideas about the event and suggest the place for the
part....</h>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb
sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp;&nbsp;&nbsp;&nbsp;
</div>
<div class="oi">
<img src="C:\Users\selva\Pictures\bestiee\WhatsApp Image 2024-11-
25 at 10.59.01 AM.jpeg" width="100%">
<h3>VIDEOS</h3>
<h>We take care of all kinds of cermony,we also gives them
ideas about the cermony and suggest the place for the
part....</h>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb
sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp;&nbsp;&nbsp;&nbsp;
</div>
</div>
<br><br>
<center><h2> <br> ABOUT US</body></h2>
<k href="#"><img src="c:\Users\selva\Downloads\WhatsApp Image 2024-
11-24 at 10.35.06 AM.jpeg" style="width:70px;height:70px; float:center;">
</center>
<div class="ri">
<center><img src="c:\Users\selva\Downloads\WhatsApp Image 2024-11-
25 at 2.29.12 PM (2).jpeg" width="100%"></center>
</div>
<center><h3>WE DECOR YOUR DREAMS</h3></center>
<p><h4>DREAM CRAFTERS EVENT we believe that events are not just about
logistics and timelines, but about creating experiences that inspire,
motivate, and connect people.<br>We take pride in our ability to listen,
to understand, and to deliver events that exceed our clients'
expectations.<br>

From conceptualization to execution, our team of experts works


tirelessly to ensure that every detail is meticulously planned and
flawlessly executed.<br> We have a passion for creativity, a knack for
problem-solving, and a commitment to excellence that sets us apart from
the rest.<br>

Whether it's a corporate conference, a wedding, or a social gala,


we understand that every event is unique and requires a personalized
approach.<br> Our goal is to create events that are memorable, engaging,
and reflective of our clients' brand and values.<br>
we are starting the event management services for the birthday
clebration as a paty timr vrnture is a great idea!

As we continue to grow and evolve as a company, we remain committed


to our core values of creativity, innovation, and exceptional
service.<br>We are proud to have worked with some of the most prestigious
brands and individuals in the industry, and we look forward to continuing
to push the boundaries of what is possible in event management.<br>
In closing, I would like to express my gratitude to our clients,
partners, and team members who have supported us on this journey.<br>We
are honored to be part of this vibrant and dynamic industry, and we look
forward to continuing to create unforgettable events that inspire and
delight.<br></p></h4>

<p>Thank you...</p>
<div class="scroll">
<p><center>LATEST EVENT</p></center>
<img src="c:\Users\selva\Pictures\bestiee\WhatsApp Image 2024-11-
26 at 11.14.55 AM.jpeg">
<img src="C:\Users\selva\Pictures\bestiee\WhatsApp Image 2024-11-
26 at 12.14.42 PM.jpeg">
<img src="c:\Users\selva\Pictures\bestiee\WhatsApp Image 2024-11-
26 at 12.14.43 PM (1).jpeg">
<img src="c:\Users\selva\Pictures\bestiee\WhatsApp Image 2024-11-
26 at 12.14.43 PM.jpeg">
</div>
<div class="row">
<center><h2> <br> OUR TEAM </body></h2>
<k href="#"><img src="c:\Users\selva\Downloads\WhatsApp Image
2024-11-24 at 10.35.06 AM.jpeg" style="width:70px;height:70px;
float:center;">
</center>
<div class="column">
<img src="c:\Users\selva\Pictures\bestiee\WhatsApp Image 2024-11-
26 at 6.50.29 PM.jpeg "style="width:100%">
<h2>K.Monika</h2>
<p>[email protected]</p>
<p><button class="button">Contact</button></p>
</div>

<div class="column">
<img src="c:\Users\selva\Pictures\bestiee\WhatsApp Image 2024-
11-26 at 6.50.30 PM (1).jpeg" alt="John" style="width:100%">
<h2>B.suba </h2>
<p>[email protected]</p>
<p><button class="button">Contact</button></p>
</div>
</div>
<div class="column">
<img src="c:\Users\selva\Pictures\bestiee\WhatsApp Image 2024-11-
26 at 6.50.30 PM (2).jpeg" alt="John" style="width:100%">
<h2>M.Priya dharshini</h2>
<p>[email protected]</p>
<p><button class="button">Contact</button></p>
</div>
<div class="column">
<img src="c:\Users\selva\Pictures\bestiee\WhatsApp Image 2024-
11-26 at 6.50.30 PM.jpeg" alt="John" style="width:100%">
<h2>M.nila</h2>
<p>[email protected]</p>
<p><button class="button">Contact</button></p>
</div>
</div>
<br>
<br>
<br>
<div class="re">
<CENTER><p>CLIENT REVIEW</p>
<k href="#"><img src="c:\Users\selva\Downloads\WhatsApp Image 2024-
11-24 at 10.35.06 AM.jpeg" style="width:70px;height:70px; float:center;">
</center>
<div class="con">
<img src="c:\Users\selva\Pictures\bestiee\WhatsApp Image 2024-11-26
at 11.14.56 AM.jpeg" alt="Avatar">
<p>Made our event unforgettable!" "We chose DREAM CRAFTER EVENT for
our annual fundraiser, and they transformed the space into something
truly special. The theme was carried out perfectly, and the decor was
both stylish and functional. The team was easy to work with, and they
took care of everything, allowing us to focus on other aspects of the
event."</p>
<span class="time-right">04/4/2025</span>
</div>

<div class="con">
<img src="C:\Users\selva\Pictures\bestiee\WhatsApp Image 2024-11-26
at 11.14.56 AM (1).jpeg" alt="Avatar" class="right">
<p>"A dream come true!" "Working with DREAM CRAFTER EVENT was an
absolute pleasure. They truly captured our vision for our wedding day.
The floral arrangements were beautiful, the table settings were elegant,
and everything was flawless. The team’s creativity and dedication were
evident in every detail. We are so grateful!"</p>
<span class="time-left">02/9/2024</span>
</div>

<div class="con">
<img src="c:\Users\selva\Pictures\bestiee\WhatsApp Image 2024-11-24
at 9.02.03 PM.jpeg" alt="Avatar">
<p>Absolutely stunning decorations!" "I hired DREAM CRAFTER EVENT
for our wedding, and I couldn’t have been happier with the result! The
attention to detail was amazing, and everything was beautifully
coordinated. The floral arrangements, table settings, and lighting
created a magical atmosphere. Highly recommend!"</p>
<span class="time-right">31/8/2024</span>
</div>
</div>
</body>
</html>
nav{
text-align: center;
}
a:link{
color: black;
text-decoration: none;
}
a:hover{
color: red;
}
input[type=text]:focus, input[type=password]:focus {
background-color: #ddd;
outline: none;
}
button {
border: none;
background-color: rgb(255, 0, 21);
color: white;
width: 30px;
height: 25px;
border-radius: 5px;
padding:right;
}
button:hover{
color: black;
}

.cancelbtn {
border: none;
background-color: rgb(255, 0, 21);
color: rgb(10, 10, 10);
width: 30px;
height: 25px;
border-radius: 5px;
padding:right;
}
.cancelbtn{
float: center;
width: 10%;
}
.signupbtn {
float: center;
width: 10%;
}
.container {
padding: center;
}
.modal {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: #474e5d;
padding-top: 50px;
}
.modal-content {
background-color: #fefefe;
margin: 5% auto 15% auto;
border: 1px solid #888;
width: 80%;
}
.hr {
border: 1px solid #f1f1f1;
margin-bottom: 25px;
}
.close {
position: absolute;
right: 35px;
top: 15px;
font-size: 40px;
font-weight: bold;
color: #f1f1f1;
}

.close:hover,
.close:focus {
color: #f44336;
cursor: pointer;
}
.clearfix::after {
content: "";
clear: both;
display: table;
}
@media screen and (max-width: 300px) {
.cancelbtn, .signupbtn {
width: 100%;
}
}
* {box-sizing:border-box}

.slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
}
.mySlides {
display: none;
}
.prev, .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
margin-top: -22px;
padding: 10px;
color: rgb(218, 14, 133);
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
}
.next {
right: 0;
border-radius: 2px 0 0 2px;
}
.prev:hover, .next:hover {
background-color: rgba(0,0,0,0.8);
}
.text {
color: #0e0d0d;
font-size: 15px;
padding: 8px 12px;
position: center;
bottom: 8px;
width: 20%;
text-align: center;
}
.center{
color:#f1b40b;
position: absolute;
bottom:8px;
left:16px;
}
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}
.dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}

.active, .dot:hover {
background-color: #717171;
}
.fade {
animation-name: fade;
animation-duration: 1.5s;
}

@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
.ce{
float: left;
margin: 0%;

}
body{
margin-left: 60px;
margin-top: 30px;
}
.fo{
font-size: 25px;
font-family:Verdana, Geneva, Tahoma, sans-serif;
margin-bottom: 5px;
}
BUTTON{
border: none;
background-color: rgb(20, 20, 20);
color: rgb(214, 208, 208);
width: 130px;
height: 25px;
border-radius: 5px;
}
button:hover{
color: rgb(201, 13, 13);
}

.gi{
color: black;
position: relative;
margin-left: 20px;
margin-top: 30px;
float: left;
width: 30%;
height: 400px;
}
.gi button{
border: none;
background-color:black;
color:white;
width: 150px;
border-radius: 100px;
margin-top:20px;
}
button:hover{
color:orange;
}
.oi{
color: black;
position: relative;
margin-left: 20px;
margin-top: 30px;
float: left;
width: 30%;
height: 400px;
}
.ri{
position: relative;
float:left;
width: 30%;
margin-left: 50px;
margin-right: 50px;
}
div.scroll{
background-color: #181616;
color: #f1f1f1;
overflow: auto;
white-space: nowrap;
padding: 5px;
}
div.scroll img{
padding: 5px;
border: 5px solid #ddd;
width: 30%;
}
.column{
color: black;
position: relative;
margin-left: 50px;
margin-top: 50px;
float: left;
width: 20%;
height: 400px;
}
.column button{
border: none;
background-color:black;
color:white;
width: 100px;
border-radius: 100px;
margin-top:20px;
}
button:hover{
color:orange;
}
.re{
color: black;
position: relative;
margin-left: 100px;
margin-top: 200px;
float: left;
width: 80%;
height: 10000px;
}
.con {
border: 10px solid #0f0e0e;
background-color: #f1f1f1;
margin-top: 10px;
border-radius: 5px;
padding: 10px;
width: 50;
margin: 20px 0;
}
.con2 {
border-color: #ccc;
background-color: #ddd;
}
.con::after {
content: "";
clear: both;
display: table;
}
.con img {
float: left;
max-width: 60px;
width: 100%;
margin-right: 20px;
border-radius: 50%;
}
.con img.right {
float: right;
margin-left: 20px;
margin-right:0;
}
.time-right {
float: right;
color: #0f0f0f;
}
.time-left {
float: left;
color: #161515;
}
.li{
position: absolute;
bottom:8px;
left:16px;
}
.ki{
font-size: 30px;
font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-
serif;
margin-bottom: 10px;
margin-left: 400px;
}
#ji{
font-size: 20px;
font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman',
serif;
margin-bottom: 10px;
margin-left: 400px;
}

You might also like