project/about.html at master · donyaCode/project · GitHub

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
<!DOCTYPE html>
<html lang="fa" dir="rtl">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>درباره مزون ماهک</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="style.css">
    <style>
        :root {
            --gold: #d4af37;
            --dark: #1a1a1a;
        }

        body {
            font-family: 'Tahoma', sans-serif;
            background-color: #fff;
            overflow-x: hidden;
        }
        .gold-text {
            color: var(--gold);
        }
        .section-padding {
            padding: 80px 0;
        }

        .story-img {
            border: 1px solid var(--gold);
            padding: 15px;
            border-radius: 50% 50% 0 0;
            transition: 0.5s;
        }

        .story-img:hover {
            transform: translateY(-10px);
        }

        .feature-box {
            padding: 30px;
            border: 1px solid #f1f1f1;
            transition: 0.3s;
            text-align: center;
        }
    </style>
</head>

<body>
    <header class="main-header">
        <div class="container-fluid header-wrapper">
            <div class="logo">
                <img src="image/LOOG.png" class="logo-Image" alt="logo">
                <div class="logo-text">
                    <h1>مزون ماهک</h1>
                    <p>لباس مجلسی</p>
                </div>
            </div>
            <div class="header-center">
                <div class="d-flex align-items-center gap-4">
                    <nav class="navbar-nav-custom">
                        <ul class="nav-list">
                            <li class="nav-item has-dropdown">
                                <a href="index.html" class="nav-link">محصولات</a>
                                <ul class="main-dropdown">
                                    <li><a href="aba.html">شنل و عبا</a></li>
                                    <li class="has-sub-dropdown">
                                        <a href="#">لباس مجلسی <i class="fa fa-chevron-left ms-2"></i></a>
                                        <ul class="size-dropdown">
                                            <li><a href="size46.html">سایز 46</a></li>
                                            <li><a href="size48.html">سایز 48</a></li>
                                            <li><a href="size50.html">سایز 50</a></li>
                                            <li><a href="size52.html">سایز 52</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="nav-item"><a href="contact.html" class="nav-link">تماس با ما</a></li>
                            <li class="nav-item"><a href="about.html" class="nav-link">درباره ما</a></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </header>
    <section class="section-padding">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6 mb-4">
                    <img src="image/1.jpg" class="img-fluid story-img" alt="درباره ما">
                </div>
                <div class="col-md-6 px-lg-5">
                    <h6 class="gold-text">مزون ماهک</h6>
                    <h2 class="mb-4">خلق زیبایی، فراتر از یک لباس</h2>
                    <p class="text-muted" style="line-height: 1.8;">
                        مزون ماهک با هدف ارائه لباس‌های خاص، شیک و باکیفیت در دنیای مد و فشن فعالیت خود را آغاز کرده
                        است. ما تلاش می‌کنیم با طراحی‌های به‌روز و استفاده از پارچه‌های باکیفیت، تجربه‌ای متفاوت از خرید
                        لباس را برای مشتریان فراهم کنیم.

                        در مزون ماهک انواع لباس‌های مجلسی، خاص و ترند روز با دقت در جزئیات و ظرافت طراحی ارائه می‌شود تا
                        هر سلیقه‌ای بتواند انتخابی مناسب داشته باشد. </p>
                    <p class="text-muted" style="line-height: 1.8;">
                        مدیریت مزون: خانم زهره حسنیه
                        <br>
                        آدرس: شریعتی 32 پلاک 68
                        <br>
                        ساعات کاری: همه روزه از ساعت ۱۰ صبح تا ۸ شب]
                        <br>
                        راه‌های ارتباطی
                        <br>
                        شماره تماس: 09154127785
                        <br>
                        اینستاگرام: @mwzon.nahaktala
                        <br>
                        مزون ماهک همواره تلاش می‌کند با ارائه محصولات باکیفیت و خدمات مناسب، رضایت مشتریان خود را جلب
                        کند.
                    </p>
                </div>
            </div>
        </div>
    </section>

    <section class="section-padding bg-light">
        <div class="container text-center">
            <h2 class="mb-5">چرا مزون ماهک؟</h2>
            <div class="row">
                <div class="col-md-4">
                    <div class="feature-box bg-white">
                        <i class="fa fa-gem"></i>
                        <h4>متریال درجه یک</h4>
                        <p class="text-muted">استفاده از بهترین پارچه‌های ترک و عربی </p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="feature-box bg-white">
                        <i class="fa fa-pencil-ruler"></i>
                        <h4>طراحی اختصاصی</h4>
                        <p class="text-muted">دوخت مطابق با آناتومی بدن شما برای بهترین تن‌خور</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="feature-box bg-white">
                        <i class="fa fa-heart"></i>
                        <h4>ضمانت کیفیت</h4>
                        <p class="text-muted">تمام جزئیات کاردست با دقت و ظرافت بالا اجرا می‌شوند</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <footer class="main-footer mt-5">
        <div class="container py-5">
            <div class="row text-center text-md-start">
                <div class="col-md-4 mb-4">
                    <h3 class="footer-logo">mezom mahak</h3>
                    <p class="footer-desc">
                        با مزون ماهک بدرخشید </p>
                </div>
                <div class="col-md-4 mb-4">
                    <h5 class="footer-title">تماس با ما</h5>
                    <p><i class="fa fa-map-marker-alt"></i> مشهد </p>
                    <p><i class="fa fa-phone"></i>09154127785</p>
                    <p><i class="fa fa-envelope"></i> @mezon.mahaktala</p>
                </div>
                <div class="col-md-4 mb-4">
                    <h5 class="footer-title">ما را دنبال کنید</h5>
                    <p>
                        <i class="fa fa-instagram"></i>
                        @mezon.mahaktala
                    </p>
                    <div class="social-icons mt-3">
                        <a href="https://www.instagram.com/mezon.mahaktala"><i class="fab fa-instagram"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</body>
</html>