-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
92 lines (79 loc) · 3.04 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
<!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">
<title>My website</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<!-- navigation -->
<nav>
<img class = "logoimage" src="./assets/logo_small.jpeg" alt="logo">
<ul>
<li><a href="#"></a>about</li>
<li><a href="#"></a>Services</li>
<li><a href="#"></a>design</li>
<li><a href="#"></a>contact us</li>
</ul>
</nav>
<!-- about -->
<section class = "about">
<h3>About</h3>
<h1>We Love To Make Designs,<br> Designs That Make your Event Great</h1>
<p>
the wedding throne is committed providing our clients with the best and natural designs to the their events,
our continuous innovative designs forward thinking mindset and care for our customers is the key of our journey.
We are an organisation well known for our superior customer relationship and flexibility
</p>
</section>
<!-- hero images -->
<section class = "hero_images">
<div class = "grid_items">
<img class = "image1" src="./assets/1.jpg" alt="loading">
<img src="./assets/2.jpg" alt="loading">
<img src="./assets/3.jpg" alt="loading">
<img src="./assets/4.jpg" alt="loading">
<img src="./assets/5.jpg" alt="loading">
</div>
</section>
<!-- our story -->
<section class = "our_story">
<h2>Our Story</h2>
<h1>we started the wedding throne in 2016 with an small<br/>idea</h1>
<p>the wedding throne is committed providing our clients with the best and natural designs to the their events,
our continuous innovative designs forward thinking mindset and care for our customers is the key of our journey.
We are an organisation well known for our superior customer relationship and flexibility
</p>
<div class = "button_readMore">
<button>Read More</button>
</div>
</section>
<!-- our team -->
<section class = "our_team">
<h2>Our Team</h2>
<h1>Our team has three people</h1>
<div class = "team_image_section">
<div class = "image-data">
<img src="./assets/m1.jpeg" alt="Our team small image"/>
<h2>Mohamed Unknown</h2>
<p>Director</p>
</div>
<div class = "image-data">
<img src="./assets/w1.jpeg" alt="Our team small image"/>
<h2>Deepika Unknown</h2>
<p>Customer Service</p>
</div>
<div class = "image-data">
<img src="./assets/m2.jpeg" alt="Our team small image"/>
<h2>Mohamed Unknown</h2>
<p>Sales Manager</p>
</div>
</div>
</section>
<!-- our team -->
<!-- our team images -->
<!-- footer -->
</body>
</html>