Skip to content

Commit c2d98c0

Browse files
ReactMVCReactMVC
authored
css
1 parent 080b4c2 commit c2d98c0

File tree

1 file changed

+247
-3
lines changed

1 file changed

+247
-3
lines changed

‎views/index.php

Lines changed: 247 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,258 @@
11
<!DOCTYPE html>
2-
<html lang="en">
2+
<html lang="fa" dir="rtl">
33

44
<head>
55
<meta charset="UTF-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<title>API Monster</title>
7+
<meta name="description" content="ابزار نهان ابزار یک ابزار توسعه وب است که کلی امکانات رایگان دارد. کد های رنگی و پکیج های مهم رو به راحتی پیدا کن و توسعه خودت رو بهبود ببخش...">
8+
<meta name="keywords" content="نهان ابزار, 5 آتش, 5 فایر, ابزار دیزاین, ابزار آنلاین">
9+
<meta name="author" content="Hossein Pira">
10+
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet" />
11+
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" />
12+
<link rel="stylesheet" href="<?= $url ?>/css/mdb.rtl.min.css">
13+
<link rel="stylesheet" href="<?= $url ?>/css/App.css">
14+
<title>موزیک سیتی</title>
815
</head>
916

1017
<body>
11-
<h1>Hello <?= $name ?></h1>
18+
<!-- Navbar -->
19+
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
20+
<div class="container-fluid">
21+
<a class="navbar-brand" href="#"><i class="fas fa-headphones-simple fa-2x orange"></i></a>
22+
<button class="navbar-toggler" type="button" data-mdb-toggle="collapse" data-mdb-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
23+
<i class="fas fa-bars"></i>
24+
</button>
25+
26+
<div class="collapse navbar-collapse" id="navbarSupportedContent">
27+
<!-- Left links -->
28+
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
29+
<li class="nav-item">
30+
<a class="nav-link active fw-bold" href="https://nahanabzar.ir">خانه</a>
31+
</li>
32+
<li class="nav-item">
33+
<a class="nav-link " href="https://nahanabzar.ir/tools">موزیک ها</a>
34+
</li>
35+
<li class="nav-item">
36+
<a class="nav-link " href="https://nahanabzar.ir/blog">هنرمندان</a>
37+
</li>
38+
<li class="nav-item">
39+
<a class="nav-link " href="https://nahanabzar.ir/blog">درباره ما</a>
40+
</li>
41+
</ul>
42+
<!-- Left links -->
43+
</div>
44+
45+
</div>
46+
</nav> <!-- Navbar -->
47+
48+
<!-- Header -->
49+
<header class="home py-3">
50+
<div class="container">
51+
<div class="row d-flex align-items-center">
52+
<div class="col-sm-1 col-md-6 col-lg-6 col-xl-6">
53+
<h1 class="fw-bold">موزیک سیتی</h1>
54+
<p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.</p>
55+
<a type="button" class="btn btn-org btn-dark fw-bold" href="https://nahanabzar.ir/tools"><i class="fas fa-music me-1"></i>
56+
آهنگ های جدید</a>
57+
</div>
58+
<div class="col-sm-1 col-md-6 col-lg-6 col-xl-6">
59+
<img src="<?= $url ?>/images/app/header.svg" alt="نهان ابزار Header">
60+
</div>
61+
</div>
62+
</div>
63+
</header>
64+
<!-- Header -->
65+
66+
<!-- List -->
67+
<section class="mt-2 mb-5">
68+
<div class="container">
69+
<div class="text-center">
70+
<h2>لیست 8 ابزار محبوب</h2>
71+
<p>در اینجا لیست ابزار‌های محبوب وجود دارد. ابزار مورد نظر شما اینجا نیست؟ به صفحه ابزار‌ها بروید.</p>
72+
<hr />
73+
</div>
74+
<div class="row">
75+
76+
<div class="col-sm-12 col-md-6 col-lg-4 col-xl-3 mt-2">
77+
<div class="card text-center tool-card">
78+
<div class="card-body">
79+
<h3 class="card-title fw-bold">فشرده کردن عکس</h3>
80+
<p class="card-text">به کمک این ابزار رایگان عکس خود را بدون کاهش کیفیت فشرده کنید و لذت
81+
ببرید.</p>
82+
<a href="https://nahanabzar.ir/compressor" type="button" class="btn btn-org btn-dark">مشاهده</a>
83+
</div>
84+
</div>
85+
</div>
86+
<div class="col-sm-12 col-md-6 col-lg-4 col-xl-3 mt-2">
87+
<div class="card text-center tool-card">
88+
<div class="card-body">
89+
<h3 class="card-title fw-bold">ساخت کد رنگ</h3>
90+
<p class="card-text">رنگ های مختلف را انتخاب کنید و کد آن را به سادگی دریافت کنید آن هم به چهار
91+
حالت.</p>
92+
<a href="https://nahanabzar.ir/colour-picker" type="button" class="btn btn-org btn-dark">مشاهده</a>
93+
</div>
94+
</div>
95+
</div>
96+
<div class="col-sm-12 col-md-6 col-lg-4 col-xl-3 mt-2">
97+
<div class="card text-center tool-card">
98+
<div class="card-body">
99+
<h3 class="card-title fw-bold">رمزنگاری و رمزگشایی</h3>
100+
<p class="card-text">متن خود را رمزنگاری و رمزگشایی کنید با متود معروف base64 با یک کلیک.</p>
101+
<a href="https://nahanabzar.ir/base64" type="button" class="btn btn-org btn-dark">مشاهده</a>
102+
</div>
103+
</div>
104+
</div>
105+
<div class="col-sm-12 col-md-6 col-lg-4 col-xl-3 mt-2">
106+
<div class="card text-center tool-card">
107+
<div class="card-body">
108+
<h3 class="card-title fw-bold">فشرده سازی css</h3>
109+
<p class="card-text">کد css شما سنگین است؟ نگران نباشید. با این ابزار فشرده و کوچکش کنید.</p>
110+
<a href="https://nahanabzar.ir/cssminify" type="button" class="btn btn-org btn-dark">مشاهده</a>
111+
</div>
112+
</div>
113+
</div>
114+
<div class="col-sm-12 col-md-6 col-lg-4 col-xl-3 mt-2">
115+
<div class="card text-center tool-card">
116+
<div class="card-body">
117+
<h3 class="card-title fw-bold">فشرده سازی Javascript</h3>
118+
<p class="card-text">کد Javascript شما سنگین است؟ نگران نباشید. با این ابزار فشرده و کوچکش کنید.
119+
</p>
120+
<a href="https://nahanabzar.ir/jsminify" type="button" class="btn btn-org btn-dark">مشاهده</a>
121+
</div>
122+
</div>
123+
</div>
124+
<div class="col-sm-12 col-md-6 col-lg-4 col-xl-3 mt-2">
125+
<div class="card text-center tool-card">
126+
<div class="card-body">
127+
<h3 class="card-title fw-bold">هوش مصنوعی</h3>
128+
<p class="card-text">میخوای یک ربات برات مقاله بسازه؟ ربات هوش مصنوعی ما کمکت می کنه.</p>
129+
<a href="https://nahanabzar.ir/ai-content" type="button" class="btn btn-org btn-dark">مشاهده</a>
130+
</div>
131+
</div>
132+
</div>
133+
<div class="col-sm-12 col-md-6 col-lg-4 col-xl-3 mt-2">
134+
<div class="card text-center tool-card">
135+
<div class="card-body">
136+
<h3 class="card-title fw-bold">ربات گوگل بارد</h3>
137+
<p class="card-text">بدون تحریم از خدمات شرکت گوگل به نام Bard استفاده کنید و از آن سوال های خود
138+
را بپرسید.</p>
139+
<a href="https://nahanabzar.ir/bard" type="button" class="btn btn-org btn-dark">مشاهده</a>
140+
</div>
141+
</div>
142+
</div>
143+
<div class="col-sm-12 col-md-6 col-lg-4 col-xl-3 mt-2">
144+
<div class="card text-center tool-card">
145+
<div class="card-body">
146+
<h3 class="card-title fw-bold">تحلیل آمار متن</h3>
147+
<p class="card-text">متن شما چقدر کاراکتر دارد؟ چند خط است؟ و چند کلمه؟ همه رو بدون!</p>
148+
<a href="https://nahanabzar.ir/word-counter" type="button" class="btn btn-org btn-dark">مشاهده</a>
149+
</div>
150+
</div>
151+
</div>
152+
153+
</div>
154+
</div>
155+
</section>
156+
<!-- List -->
157+
158+
<!-- Footer -->
159+
<footer class="text-center text-lg-start bg-dark text-white fire-footer">
160+
<section class="d-flex justify-content-center justify-content-lg-between p-4 border-bottom">
161+
<div class="me-5 d-none d-lg-block">
162+
<span>با ما از طریق شبکات اجتماعی در ارتباط باشید و یا از اخبار ما با خبر شوید.</span>
163+
</div>
164+
165+
<div>
166+
<a href="" class="me-4 text-reset">
167+
<i class="fab fa-facebook-f"></i>
168+
</a>
169+
<a href="" class="me-4 text-reset">
170+
<i class="fab fa-twitter"></i>
171+
</a>
172+
<a href="" class="me-4 text-reset">
173+
<i class="fab fa-google"></i>
174+
</a>
175+
<a href="" class="me-4 text-reset">
176+
<i class="fab fa-instagram"></i>
177+
</a>
178+
<a href="" class="me-4 text-reset">
179+
<i class="fab fa-linkedin"></i>
180+
</a>
181+
<a href="" class="me-4 text-reset">
182+
<i class="fab fa-github"></i>
183+
</a>
184+
</div>
185+
</section>
186+
187+
<section class="">
188+
<div class="container text-center text-md-start mt-5">
189+
<div class="row mt-3">
190+
<div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
191+
<h2 class="text-uppercase fw-bold mb-4">
192+
<i class="fas fa-headphones-simple orange"></i> موزیک سیتی
193+
</h2>
194+
<p>
195+
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز
196+
</p>
197+
</div>
198+
199+
<div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-4">
200+
<!-- Links -->
201+
<h6 class="text-uppercase fw-bold mb-4">
202+
صفحات
203+
</h6>
204+
<p>
205+
<a href="https://nahanabzar.ir" class="text-reset">خانه</a>
206+
</p>
207+
<p>
208+
<a href="https://nahanabzar.ir/tools" class="text-reset">ابزار‌ها</a>
209+
</p>
210+
<p>
211+
<a href="https://nahanabzar.ir/blog" class="text-reset">بلاگ</a>
212+
</p>
213+
</div>
214+
215+
<div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4">
216+
<!-- Links -->
217+
<h6 class="text-uppercase fw-bold mb-4">
218+
ابزار های مهم
219+
</h6>
220+
<p>
221+
<a href="https://nahanabzar.ir/compressor" class="text-reset">فشرده سازی عکس</a>
222+
</p>
223+
<p>
224+
<a href="https://nahanabzar.ir/ai-content" class="text-reset">هوش مصنوعی</a>
225+
</p>
226+
<p>
227+
<a href="https://nahanabzar.ir/cssminify" class="text-reset">فشرده سازی css</a>
228+
</p>
229+
</div>
230+
231+
<div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">
232+
<!-- Links -->
233+
<h6 class="text-uppercase fw-bold mb-4">ارتباط با ما</h6>
234+
<p><i class="fas fa-home me-3"></i> ایران، خوزستان، امیدیه</p>
235+
<p>
236+
<i class="fas fa-envelope me-3"></i>
237+
[email protected]
238+
</p>
239+
<p><i class="fas fa-phone me-3"></i> 0903-948-4577</p>
240+
</div>
241+
</div>
242+
</div>
243+
</section>
244+
245+
<!-- Copyright -->
246+
<div class="text-center p-4" style="background-color: rgba(0, 0, 0, 0.05);">
247+
© 2023
248+
<a class="text-reset fw-bold" href="https://nahanabzar.ir">نهان ابزار</a>
249+
تمامی حقوق محفوظ است.
250+
</div>
251+
<!-- Copyright -->
252+
</footer>
253+
<!-- Footer -->
254+
255+
<script src="<?= $url ?>/js/mdb.min.js"></script>
12256
</body>
13257

14258
</html>

0 commit comments

Comments
 (0)