-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout-us.html
More file actions
149 lines (137 loc) · 5.93 KB
/
about-us.html
File metadata and controls
149 lines (137 loc) · 5.93 KB
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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>About Us | Plugin Review</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" />
<link rel="stylesheet" href="css/style.css" />
</head>
<body class="bg-dark text-light">
<nav class="navbar navbar-expand-lg navbar-dark bg-black fixed-top border-bottom border-secondary">
<div class="container">
<a class="navbar-brand fw-bold" href="index.html">
<img src="images/favicon.svg" alt="Logo" width="30" height="30" class="d-inline-block align-text-top me-2">
Plugin Review
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav me-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="reviews.html">Reviews</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="about-us.html">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
<form class="d-flex align-items-center" role="search">
<input class="form-control me-2 form-control-sm bg-dark text-light border-secondary" type="search"
placeholder="Search VST..." aria-label="Search" />
<button class="btn btn-outline-warning btn-sm me-3" type="submit">
<i class="fa-solid fa-search"></i>
</button>
<div class="d-flex align-items-center">
<a href="https://www.instagram.com/pluginreview_demo" target="_blank" class="text-secondary me-3"><i
class="fa-brands fa-instagram fa-lg"></i></a>
<a href="https://www.youtube.com/@pluginreview_demo" target="_blank" class="text-secondary"><i
class="fa-brands fa-youtube fa-lg"></i></a>
</div>
</form>
</div>
</div>
</nav>
<header class="container mt-4 text-center">
<div class="py-5">
<h1 class="display-5 fw-bold text-white">Our Mission</h1>
<p class="lead text-secondary w-75 mx-auto">
We are a group of music producers dedicated to helping you find the
right tools for your sound. No paid promotions, just honest reviews.
</p>
</div>
</header>
<section class="container mb-5">
<div class="row align-items-center">
<div class="col-md-6">
<img src="https://images.unsplash.com/photo-1598653222000-6b7b7a552625?q=80&w=2070&auto=format&fit=crop"
class="img-fluid rounded shadow border border-secondary" alt="Our Studio Team">
</div>
<div class="col-md-6 mt-4 mt-md-0 pl-md-5">
<h2 class="text-warning">Built by Producers, for Producers</h2>
<p class="text-secondary">
Starting music production can be expensive. With thousands of VSTs
on the market, it's hard to know where to invest.
</p>
<p class="text-secondary">
Our team tests every plugin in real studio environments (FL Studio,
Ableton Live, Logic Pro) to ensure they are worth your time and
money.
</p>
<ul class="list-unstyled text-secondary mt-3">
<li class="mb-2">
<i class="fa-solid fa-check text-success me-2"></i> Unbiased
Testing
</li>
<li class="mb-2">
<i class="fa-solid fa-check text-success me-2"></i> Genre-Specific
Recommendations
</li>
<li class="mb-2">
<i class="fa-solid fa-check text-success me-2"></i> Performance
Analysis
</li>
</ul>
</div>
</div>
</section>
<section class="bg-black py-5 border-top border-secondary">
<div class="container">
<h2 class="text-center mb-5">Meet the Team</h2>
<div class="row justify-content-center">
<div class="col-md-4 mb-4 text-center">
<div class="rounded-circle bg-secondary mx-auto mb-3 d-flex align-items-center justify-content-center"
style="width: 150px; height: 150px; overflow: hidden">
<i class="fa-solid fa-user fa-4x text-dark"></i>
</div>
<h4 class="text-white">Tumer Efe Komur</h4>
<p class="text-warning small">Lead Producer & Developer</p>
<p class="text-secondary small px-3">
Specializes in Trap and Drill beats. Coding enthusiast.
</p>
</div>
<div class="col-md-4 mb-4 text-center">
<div class="rounded-circle bg-secondary mx-auto mb-3 d-flex align-items-center justify-content-center"
style="width: 150px; height: 150px; overflow: hidden">
<i class="fa-solid fa-headphones fa-4x text-dark"></i>
</div>
<h4 class="text-white">Studio Partner</h4>
<p class="text-warning small">Sound Designer</p>
<p class="text-secondary small px-3">
Expert in synthesis and mixing mastering.
</p>
</div>
</div>
</div>
</section>
<footer class="bg-black text-secondary py-4 mt-auto border-top border-secondary">
<div class="container text-center">
<p class="mb-0">
© 2025 Plugin Review.
<br>
<small class="text-secondary opacity-75">All product images and trademarks belong to their respective owners.
Used for educational purposes only.</small>
</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>