-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
120 lines (104 loc) · 3.51 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Learn more about our company, our mission, and our team.">
<title>About Us</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #20a8b9;
}
header {
background-color: #333;
color: white;
text-align: center;
padding: 1em;
}
header h1 {
margin: 0;
}
main {
padding: 20px;
max-width: 1200px;
margin: 0 auto;
background-color: #ff5d5d;
}
section {
margin-bottom: 40px;
}
section h2 {
color: #333;
border-bottom: 2px solid #e77ede;
padding-bottom: 10px;
}
p {
line-height: 1.6;
color: #555;
}
.team {
display: flex;
justify-content: space-around;
}
.team-member {
text-align: center;
max-width: 200px;
}
.team-member img {
border-radius: 50%;
width: 150px;
height: 150px;
}
footer {
text-align: center;
background-color: #333;
color: white;
padding: 10px 0;
position: fixed;
bottom: 0;
width: 100%;
}
</style>
</head>
<body>
<header>
<h1>About Us exploding the Sun- I mean About Team naam</h1>
</header>
<main>
<section>
<h2>Our Mission</h2>
<p>At [Redacted], our mission is to deliver high-quality products and services that improve the lives of our customers. We are committed to innovation, excellence, and sustainability, ensuring that we not only meet but exceed the expectations of our clients and the global community. And if you dont like it we got bombs for you :3</p>
</section>
<section>
<h2>Our Values</h2>
<p>We believe in integrity, responsibility, and collaboration. Our team is dedicated to making a positive impact on the world by delivering solutions that matter, fostering a culture of respect and inclusivity, and continuously striving for improvement. With Bombs >:3</p>
</section>
<section>
<h2>Meet Our Team</h2>
<div class="team">
<div class="team-member">
<img src="https://www.gifcen.com/wp-content/uploads/2021/07/sans-gif-15.gif" alt="Mr.boom">
<h3>Mr. boom</h3>
<p>Founder & CEO</p>
</div>
<div class="team-member">
<img src="https://th.bing.com/th/id/R.9ba151daa0540d94c0efcd209540c347?rik=FBnL99UX56N5KQ&pid=ImgRaw&r=0" alt="Mr skeleton trapped in flesh">
<h3>Skeleton inside a cage of flesh</h3>
<p>Chief Operating Rockets</p>
</div>
<div class="team-member">
<img src="https://th.bing.com/th/id/OIP.E4kCwAtSJYhfhDvSPy8lZwAAAA?rs=1&pid=ImgDetMain" alt="Bob">
<h3>Bob</h3>
<p>Head of being Bob</p>
</div>
</div>
</section>
</main>
<footer>
<p>© 2024 [Your Company Name]. All Rights Reserved.</p>
</footer>
</body>
</html>