-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathabout.html
More file actions
212 lines (205 loc) · 11.4 KB
/
Copy pathabout.html
File metadata and controls
212 lines (205 loc) · 11.4 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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us - ORVANO</title>
<link rel="icon" type="image/x-icon" href="favicon.ico">
<meta name="description" content="Learn about ORVANO's mission to provide traditional men's wear with old-money elegance and luxury craftsmanship.">
<link rel="stylesheet" href="assets/css/style.css">
<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=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">
</head>
<body>
<!-- Top Notification Bar -->
<div class="notification-bar">
<p>Limited Stock Alert! Get Your Classic Canvas Today.</p>
</div>
<!-- Header -->
<header class="header">
<nav class="nav">
<div class="nav-container">
<div class="logo">
<span class="logo-text">ORVANO</span>
</div>
<ul class="nav-menu">
<li><a href="index.html" class="nav-link" data-page="home">Home</a></li>
<li><a href="catalog.html" class="nav-link" data-page="catalog">Catalog</a></li>
<li><a href="about.html" class="nav-link" data-page="about">About</a></li>
<li><a href="services.html" class="nav-link" data-page="services">Services</a></li>
<li><a href="contact.html" class="nav-link" data-page="contact">Contact</a></li>
</ul>
<div class="nav-icons">
<button class="icon-btn search-btn" aria-label="Search">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<circle cx="11" cy="11" r="8"></circle>
<path d="m21 21-4.35-4.35"></path>
</svg>
</button>
<button class="icon-btn user-btn" aria-label="User Account">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
<circle cx="12" cy="7" r="4"></circle>
</svg>
</button>
<button class="icon-btn cart-btn" aria-label="Shopping Cart">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"></path>
<line x1="3" y1="6" x2="21" y2="6"></line>
<path d="M16 10a4 4 0 0 1-8 0"></path>
</svg>
</button>
</div>
<button class="mobile-menu-btn" aria-label="Toggle Menu">
<span></span>
<span></span>
<span></span>
</button>
</div>
</nav>
</header>
<!-- Main Content -->
<main>
<!-- Page Header -->
<section class="page-header">
<div class="container">
<h1 class="page-title">About ORVANO</h1>
<p class="page-subtitle">Crafting Traditional Elegance Since Our Inception</p>
</div>
</section>
<!-- Story Section -->
<section class="story-section">
<div class="container">
<div class="story-grid">
<div class="story-content">
<h2 class="story-title">Our Heritage</h2>
<p class="story-text">ORVANO was born from a deep appreciation for traditional Indian craftsmanship and the timeless elegance of old-money aesthetics. Founded by visionaries who understood that true luxury lies in the intersection of heritage and contemporary sophistication, we've dedicated ourselves to preserving the art of traditional Indian tailoring while adapting it for the modern gentleman.</p>
<p class="story-text">Our journey began with a simple yet profound belief: that every man deserves to experience the refined elegance that comes from garments crafted with attention to detail, premium materials, and time-honored techniques passed down through generations.</p>
</div>
<div class="story-image">
<img src="assets/images/about-story.jpg" alt="ORVANO craftsmanship story" class="story-img">
</div>
</div>
</div>
</section>
<!-- Values Section -->
<section class="values-section">
<div class="container">
<h2 class="section-title">Our Core Values</h2>
<div class="values-grid">
<div class="value-item">
<div class="value-icon">
<svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M12 2L13.09 8.26L20 9L13.09 9.74L12 16L10.91 9.74L4 9L10.91 8.26L12 2Z"/>
<path d="M19 15L19.74 12.09L23 11L19.74 9.91L19 7L18.26 9.91L15 11L18.26 12.09L19 15Z"/>
<path d="M5 15L5.74 12.09L9 11L5.74 9.91L5 7L4.26 9.91L1 11L4.26 12.09L5 15Z"/>
</svg>
</div>
<h3 class="value-title">Craftsmanship</h3>
<p class="value-description">Every garment is a testament to our commitment to exceptional quality and attention to detail.</p>
</div>
<div class="value-item">
<div class="value-icon">
<svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M3 21h18"/>
<path d="M5 21V7l8-4v18"/>
<path d="M19 21V11l-6-4"/>
<path d="M9 9h.01"/>
<path d="M9 12h.01"/>
<path d="M9 15h.01"/>
<path d="M9 18h.01"/>
</svg>
</div>
<h3 class="value-title">Heritage</h3>
<p class="value-description">We honor and preserve traditional Indian tailoring techniques while embracing modern innovation.</p>
</div>
<div class="value-item">
<div class="value-icon">
<svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M6 9H4.5a2.5 2.5 0 0 1 0-5H6"/>
<path d="M6 2v3"/>
<path d="M6 15H4.5a2.5 2.5 0 0 0 0 5H6"/>
<path d="M6 22v-3"/>
<path d="M18 9h1.5a2.5 2.5 0 0 0 0-5H18"/>
<path d="M18 2v3"/>
<path d="M18 15h1.5a2.5 2.5 0 0 1 0 5H18"/>
<path d="M18 22v-3"/>
<path d="M12 2v20"/>
<path d="M2 12h20"/>
</svg>
</div>
<h3 class="value-title">Luxury</h3>
<p class="value-description">We believe luxury should be accessible to those who appreciate quality, not just those who can afford it.</p>
</div>
</div>
</div>
</section>
<!-- Team Section -->
<section class="team-section">
<div class="container">
<h2 class="section-title">Meet Our Founders</h2>
<div class="team-grid">
<div class="member-card">
<div class="member-image">
<img src="assets/images/bhavesh.png" alt="Bhavesh - ORVANO Founder" class="member-img">
</div>
<div class="member-info">
<h3 class="member-name">Bhavesh</h3>
<p class="member-role">Founder & Creative Director</p>
<p class="member-description">A visionary entrepreneur with a passion for traditional Indian craftsmanship and contemporary design.</p>
<a href="tel:+919106431759" class="member-contact">+91 91064 31759</a>
</div>
</div>
<div class="member-card">
<div class="member-image">
<img src="assets/images/hardik.jpeg" alt="Hardik - ORVANO Founder" class="member-img">
</div>
<div class="member-info">
<h3 class="member-name">Hardik</h3>
<p class="member-role">Founder & Operations Director</p>
<p class="member-description">Dedicated to ensuring every customer experiences the highest level of service and satisfaction.</p>
<a href="tel:+917874861999" class="member-contact">+91 78748 61999</a>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-section">
<h3 class="footer-title">FOOTER MENU</h3>
<ul class="footer-links">
<li><a href="#" class="footer-link">Search</a></li>
<li><a href="#" class="footer-link">Privacy Policy</a></li>
<li><a href="#" class="footer-link">Return / Exchange Policy</a></li>
<li><a href="#" class="footer-link">Terms of Service</a></li>
<li><a href="#" class="footer-link">Contact Us</a></li>
<li><a href="#" class="footer-link">Shipping Policy</a></li>
</ul>
</div>
<div class="footer-section">
<h3 class="footer-title">WWW.ORVANO.COM</h3>
<p class="footer-text">Crafting Excellence Since 2024</p>
</div>
<div class="footer-section">
<h3 class="footer-title">MAIN MENU</h3>
<ul class="footer-links">
<li><a href="index.html" class="footer-link">Home</a></li>
<li><a href="catalog.html" class="footer-link">Catalog</a></li>
<li><a href="contact.html" class="footer-link">Contact</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2024 ORVANO. All rights reserved.</p>
</div>
</div>
</footer>
<script src="assets/js/navbar.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>