Skip to content

Commit e3c8d42

Browse files
ReactMVCReactMVC
authored
css
1 parent c2d98c0 commit e3c8d42

File tree

1 file changed

+4
-247
lines changed

1 file changed

+4
-247
lines changed

‎views/index.php

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

44
<head>
55
<meta charset="UTF-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
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>
7+
<link rel="stylesheet" href="/public/style.css">
8+
<title>API Monster</title>
159
</head>
1610

1711
<body>
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>
12+
<h1>Hello <?= $name ?></h1>
25613
</body>
25714

25815
</html>

0 commit comments

Comments
 (0)