This commit is contained in:
mmrbnjd
2024-04-01 16:52:29 +03:30
parent 90545682b6
commit faa78adae6
8 changed files with 576 additions and 25 deletions

View File

@@ -17,7 +17,10 @@
} }
</div> </div>
<a href="">ادامه...</a> <NavLink href="ListBlog">
<span>ادامه دارد ...</span>
<b></b>
</NavLink>
</div> </div>
</div> </div>
</div> </div>

View File

@@ -0,0 +1,33 @@
@inherits LayoutComponentBase
<HeadContent>
<!-- Place favicon.ico in the root directory -->
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.png">
<!-- CSS here -->
<link rel="stylesheet" href="css/bootstrap.rtl.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/custom-animation.css">
<link rel="stylesheet" href="css/slick.css">
<link rel="stylesheet" href="css/nice-select.css">
<link rel="stylesheet" href="css/flaticon.css">
<link rel="stylesheet" href="css/swiper-bundle.css">
<link rel="stylesheet" href="css/meanmenu.css">
<link rel="stylesheet" href="css/font-awesome-pro.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/spacing.css">
<link rel="stylesheet" href="css/Lanstyle.css">
<link rel="stylesheet" href="css/rtl.css">
</HeadContent>
<LBlogheader />
<div id="smooth-wrapper">
<div id="smooth-content">
@Body
<Lfooter />
</div>
</div>

View File

@@ -0,0 +1,77 @@
.page {
position: relative;
display: flex;
flex-direction: column;
}
main {
flex: 1;
}
.sidebar {
background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}
.top-row {
background-color: #f7f7f7;
border-bottom: 1px solid #d6d5d5;
justify-content: flex-end;
height: 3.5rem;
display: flex;
align-items: center;
}
.top-row ::deep a, .top-row ::deep .btn-link {
white-space: nowrap;
margin-left: 1.5rem;
text-decoration: none;
}
.top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
text-decoration: underline;
}
.top-row ::deep a:first-child {
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 640.98px) {
.top-row {
justify-content: space-between;
}
.top-row ::deep a, .top-row ::deep .btn-link {
margin-left: 0;
}
}
@media (min-width: 641px) {
.page {
flex-direction: row;
}
.sidebar {
width: 250px;
height: 100vh;
position: sticky;
top: 0;
}
.top-row {
position: sticky;
top: 0;
z-index: 1;
}
.top-row.auth ::deep a:first-child {
flex: 1;
text-align: right;
width: 0;
}
.top-row, article {
padding-left: 2rem !important;
padding-right: 1.5rem !important;
}
}

View File

@@ -0,0 +1,34 @@

<header>
<!-- tp-header-area-start -->
<div id="header-sticky" class="header-bottom__area header-sticky-bg-2 header-bottom__transparent header-bottom__bdr z-index-5">
<div class="container">
<div class="row g-0 align-items-center">
<div class="col-xxl-2 col-xl-2 col-lg-2 col-md-4 col-6">
<div class="header-bottom__logo">
<a class="white-logo" href="#"><img src="img/logo/logo-white.png" alt=""></a>
<a class="black-logo" href="#"><img src="img/logo/logo-black.png" alt=""></a>
</div>
</div>
<div class="col-xxl-7 col-xl-7 col-lg-7 d-none d-lg-block">
<div class="header-bottom__main-menu header-bottom__main-menu-4 header-bottom__main-menu-inner">
<nav id="mobile-menu">
<ul>
<li>
<NavLink href="#">صفحه اصلی</NavLink>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<!-- tp-header-area-end -->
</header>
@code {
}

View File

@@ -0,0 +1,27 @@
<div class="header-bottom__right d-flex align-items-center justify-content-end">
<div class="header-bottom__btn d-flex align-items-center">
<NavLink class="tp-btn-white" href="Register">
<span>ثبت نام</span>
<b></b>
</NavLink>
</div>
<div class="header-bottom__action">
<NavLink class="d-none d-lg-inline-block last-child" href="Sign-in">
<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 8C8.92882 8 10.4924 6.433 10.4924 4.5C10.4924 2.567 8.92882 1 7 1C5.07118 1 3.50757 2.567 3.50757 4.5C3.50757 6.433 5.07118 8 7 8Z"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
stroke-linejoin="round" />
<path d="M13 15C13 12.291 10.3108 10.1 7 10.1C3.68917 10.1 1 12.291 1 15"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
<span>ورود</span>
</NavLink>
</div>
</div>
@code {
}

View File

@@ -32,29 +32,7 @@
</div> </div>
</div> </div>
<div class="col-xxl-4 col-xl-5 col-lg-5 col-md-8 col-6"> <div class="col-xxl-4 col-xl-5 col-lg-5 col-md-8 col-6">
<div class="header-bottom__right d-flex align-items-center justify-content-end"> <LSign_in_Register />
<div class="header-bottom__btn d-flex align-items-center">
<NavLink class="tp-btn-white" href="Register">
<span>ثبت نام</span>
<b></b>
</NavLink>
</div>
<div class="header-bottom__action">
<NavLink class="d-none d-lg-inline-block last-child" href="Sign-in">
<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 8C8.92882 8 10.4924 6.433 10.4924 4.5C10.4924 2.567 8.92882 1 7 1C5.07118 1 3.50757 2.567 3.50757 4.5C3.50757 6.433 5.07118 8 7 8Z"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
stroke-linejoin="round" />
<path d="M13 15C13 12.291 10.3108 10.1 7 10.1C3.68917 10.1 1 12.291 1 15"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
<span>ورود</span>
</NavLink>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@@ -0,0 +1,400 @@
@layout BlogLayout
@page "/ListBlog"
<PageTitle>دانشنامه</PageTitle>
<main>
<!-- breadcrumb-area-start -->
<div class="breadcrumb__area breadcrumb-height p-relative blue-bg-2">
<div class="breadcrumb__shape-1">
<img src="img/breadcrumb/breadcrumb-shape-1.png" alt="">
</div>
<div class="breadcrumb__shape-2">
<img src="img/breadcrumb/breadcrumb-shape-2.png" alt="">
</div>
<div class="container">
<div class="row">
<div class="col-xl-9 col-lg-7">
<div class="breadcrumb__content">
<h3 class="breadcrumb__title ">دانشـــــنامه</h3>
<div class="breadcrumb__list wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".4s" style="visibility: visible; animation-duration: 0.9s; animation-delay: 0.4s; animation-name: tpfadeUp;">
<span class="child-one"><a href="#">خانه</a></span>
<span class="dvdr"><i class="fal fa-angle-left"></i></span>
<span>وبلاگ</span>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-5 col-lg-4 text-center text-md-end">
<div class="breadcrumb__img p-relative text-start z-index">
<img class="z-index-3" src="img/breadcrumb/breadcrumb-3.png" alt="">
<div class="breadcrumb__sub-img wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".4s" style="visibility: visible; animation-duration: 0.9s; animation-delay: 0.4s; animation-name: tpfadeUp;">
<img src="img/breadcrumb/breadcrumb-sub-1.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- breadcrumb-area-end -->
<!-- blog-grid-area-start -->
<div class="blog-grid-area pt-100 pb-100">
<div class="container">
<div class="row">
<div class="col-12">
<div class="blog-grid-arrow p-relative">
<div class="grid-next d-none d-sm-block" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-69e8d11b78c4bcea">
<button>
<i class="far fa-angle-left"></i>
<svg width="36" height="100" viewBox="0 0 36 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.99999 14C0 7.5 0.5 3.5 0 0L-0.000484467 99.5C-0.000415802 96.7234 1.00003 88 23 71.5C44.9999 55 32.5 37.1667 24 30.5C19.8333 27.1667 9.48375 19.8289 4.99999 14Z" fill="white"></path>
</svg>
</button>
</div>
<div class="grid-prev d-none d-sm-block" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-69e8d11b78c4bcea">
<button>
<i class="far fa-angle-right"></i>
<svg width="36" height="100" viewBox="0 0 36 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M30.3164 14C35.3164 7.5 34.8164 3.5 35.3164 0L35.3169 99.5C35.3168 96.7234 34.3164 88 12.3164 71.5C-9.68354 55 2.81642 37.1667 11.3164 30.5C15.4831 27.1667 25.8327 19.8289 30.3164 14Z" fill="white"></path>
</svg>
</button>
</div>
<div class="swiper-container blog-grid-slider-active swiper-container-fade swiper-container-initialized swiper-container-horizontal swiper-container-pointer-events swiper-container-rtl">
<div class="swiper-wrapper" id="swiper-wrapper-69e8d11b78c4bcea" aria-live="polite" style="transition-duration: 0ms;"><div class="swiper-slide swiper-slide-duplicate swiper-slide-active" data-swiper-slide-index="2" role="group" aria-label="1 / 5" style="width: 1140px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;">
<div class="blog-grid-slider blog-grid-slider-bg d-flex align-items-center blog-grid-slider-height" data-background="img/blog/inner-blog-3.png" style="background-image: url(&quot;img/blog/inner-blog-3.png&quot;);">
<div class="blog-grid-slider-wrapper">
<div class="blog-grid-slider-meta">
<span class="child-one">منابع</span>
<span class="child-two">آذر 20, 1402</span>
</div>
<div class="blog-grid-slider-title-box">
<h4 class="blog-grid-slider-title"><a href="blog-details.html">5 شرکتی که
بازاریابی برند <br> را درست انجام می دهند</a></h4>
<p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده
از طراحان گرافیک است، چاپگرها و
</p>
</div>
<div class="tp-blog-author-info-box blog-grid-avata-box d-flex align-items-center">
<div class="tp-blog-avata">
<img src="img/blog/blog-avata-3.png" alt="">
</div>
<div class="tp-blog-author-info">
<h5>محمد محمدی</h5>
<span>مدیر سایت</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-next swiper-slide-duplicate-prev" data-swiper-slide-index="0" role="group" aria-label="2 / 5" style="width: 1140px; opacity: 0; transform: translate3d(1140px, 0px, 0px); transition-duration: 0ms;">
<div class="blog-grid-slider blog-grid-slider-bg d-flex align-items-center blog-grid-slider-height" data-background="img/blog/inner-blog-1.png" style="background-image: url(&quot;img/blog/inner-blog-1.png&quot;);">
<div class="blog-grid-slider-wrapper">
<div class="blog-grid-slider-meta">
<span class="child-one">منابع</span>
<span class="child-two">آذر 20, 1402</span>
</div>
<div class="blog-grid-slider-title-box">
<h4 class="blog-grid-slider-title"><a href="blog-details.html">5 شرکتی که
بازاریابی برند <br> را درست انجام می دهند</a></h4>
<p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده
از طراحان گرافیک است، چاپگرها و
</p>
</div>
<div class="tp-blog-author-info-box blog-grid-avata-box d-flex align-items-center">
<div class="tp-blog-avata">
<img src="img/blog/blog-avata-3.png" alt="">
</div>
<div class="tp-blog-author-info">
<h5>محمد محمدی</h5>
<span>مدیر سایت</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="1" role="group" aria-label="3 / 5" style="width: 1140px; opacity: 0; transform: translate3d(2280px, 0px, 0px); transition-duration: 0ms;">
<div class="blog-grid-slider blog-grid-slider-bg d-flex align-items-center blog-grid-slider-height" data-background="img/blog/inner-blog-2.png" style="background-image: url(&quot;img/blog/inner-blog-2.png&quot;);">
<div class="blog-grid-slider-wrapper">
<div class="blog-grid-slider-meta">
<span class="child-one">منابع</span>
<span class="child-two">آذر 20, 1402</span>
</div>
<div class="blog-grid-slider-title-box">
<h4 class="blog-grid-slider-title"><a href="blog-details.html">5 شرکتی که
بازاریابی برند <br> را درست انجام می دهند</a></h4>
<p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده
از طراحان گرافیک است، چاپگرها و
</p>
</div>
<div class="tp-blog-author-info-box blog-grid-avata-box d-flex align-items-center">
<div class="tp-blog-avata">
<img src="img/blog/blog-avata-3.png" alt="">
</div>
<div class="tp-blog-author-info">
<h5>محمد محمدی</h5>
<span>مدیر سایت</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate-active" data-swiper-slide-index="2" role="group" aria-label="4 / 5" style="width: 1140px; opacity: 0; transform: translate3d(3420px, 0px, 0px); transition-duration: 0ms;">
<div class="blog-grid-slider blog-grid-slider-bg d-flex align-items-center blog-grid-slider-height" data-background="img/blog/inner-blog-3.png" style="background-image: url(&quot;img/blog/inner-blog-3.png&quot;);">
<div class="blog-grid-slider-wrapper">
<div class="blog-grid-slider-meta">
<span class="child-one">منابع</span>
<span class="child-two">آذر 20, 1402</span>
</div>
<div class="blog-grid-slider-title-box">
<h4 class="blog-grid-slider-title"><a href="blog-details.html">5 شرکتی که
بازاریابی برند <br> را درست انجام می دهند</a></h4>
<p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده
از طراحان گرافیک است، چاپگرها و
</p>
</div>
<div class="tp-blog-author-info-box blog-grid-avata-box d-flex align-items-center">
<div class="tp-blog-avata">
<img src="img/blog/blog-avata-3.png" alt="">
</div>
<div class="tp-blog-author-info">
<h5>محمد محمدی</h5>
<span>مدیر سایت</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate swiper-slide-prev swiper-slide-duplicate-next" data-swiper-slide-index="0" role="group" aria-label="5 / 5" style="width: 1140px; opacity: 0; transform: translate3d(4560px, 0px, 0px); transition-duration: 0ms;">
<div class="blog-grid-slider blog-grid-slider-bg d-flex align-items-center blog-grid-slider-height" data-background="img/blog/inner-blog-1.png" style="background-image: url(&quot;img/blog/inner-blog-1.png&quot;);">
<div class="blog-grid-slider-wrapper">
<div class="blog-grid-slider-meta">
<span class="child-one">منابع</span>
<span class="child-two">آذر 20, 1402</span>
</div>
<div class="blog-grid-slider-title-box">
<h4 class="blog-grid-slider-title"><a href="blog-details.html">5 شرکتی که
بازاریابی برند <br> را درست انجام می دهند</a></h4>
<p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده
از طراحان گرافیک است، چاپگرها و
</p>
</div>
<div class="tp-blog-author-info-box blog-grid-avata-box d-flex align-items-center">
<div class="tp-blog-avata">
<img src="img/blog/blog-avata-3.png" alt="">
</div>
<div class="tp-blog-author-info">
<h5>محمد محمدی</h5>
<span>مدیر سایت</span>
</div>
</div>
</div>
</div>
</div></div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
</div>
</div>
</div>
</div>
<!-- blog-grid-area-end -->
<!--Portfolio Start-->
<div class="portfolio blog-grid-inner mb-80">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="tp-about__section-box text-center mb-40">
<h3 class="tp-section-title">بیشتر بدانیم</h3>
</div>
</div>
</div>
<div class="row grid blog-grid-inner" style="position: relative; height: 1047.48px;">
<div class="col-xl-4 col-lg-6 col-md-6 mb-30 grid-item cat1 cat4 cat3 cat5" style="position: absolute; left: 0%; top: 0px;">
<div class="tp-blog-item">
<div class="tp-blog-thumb fix">
<a href="blog-details.html"><img src="img/blog/blog-grid-1.jpg" alt=""></a>
</div>
<div class="tp-blog-content">
<div class="tp-blog-meta d-flex align-items-center">
<div class="tp-blog-category category-color-1">
<span>بازاریابی</span>
</div>
<div class="tp-blog-date">
<span>فروردین 12, 1402</span>
</div>
</div>
<div class="tp-blog-title-box">
<a class="tp-blog-title-sm" href="blog-details.html">2023 سال حرفه ای در <br> نقد و
بررسی</a>
</div>
<div class="tp-blog-author-info-box d-flex align-items-center">
<div class="tp-blog-avata">
<img src="img/avata/avata-1.png" alt="">
</div>
<div class="tp-blog-author-info">
<h5>محمد محمدی</h5>
<span>مدیر سایت</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 mb-30 grid-item cat4 cat3 cat2 cat1" style="position: absolute; left: 33.3333%; top: 0px;">
<div class="tp-blog-item">
<div class="tp-blog-thumb fix">
<a href="blog-details.html"><img src="img/blog/blog-grid-2.jpg" alt=""></a>
</div>
<div class="tp-blog-content">
<div class="tp-blog-meta d-flex align-items-center">
<div class="tp-blog-category category-color-1">
<span>منابع</span>
</div>
<div class="tp-blog-date">
<span>آذر 12, 1402</span>
</div>
</div>
<div class="tp-blog-title-box">
<a class="tp-blog-title-sm" href="blog-details.html">بهترین استفاده از بازخورد</a>
</div>
<div class="tp-blog-author-info-box d-flex align-items-center">
<div class="tp-blog-avata">
<img src="img/avata/avata-2.png" alt="">
</div>
<div class="tp-blog-author-info">
<h5>محمد محمدی</h5>
<span>مدیر سایت</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 mb-30 grid-item cat3 cat4 cat5" style="position: absolute; left: 66.6667%; top: 0px;">
<div class="tp-blog-item">
<div class="tp-blog-thumb fix">
<a href="blog-details.html"><img src="img/blog/blog-grid-3.jpg" alt=""></a>
</div>
<div class="tp-blog-content">
<div class="tp-blog-meta d-flex align-items-center">
<div class="tp-blog-category category-color-1">
<span>نرم افزار مدیریت</span>
</div>
<div class="tp-blog-date">
<span>28 اردیبهشت, 1402</span>
</div>
</div>
<div class="tp-blog-title-box">
<a class="tp-blog-title-sm" href="blog-details.html">آموزش تایپ برای کودکان <br>
و مبتدیان</a>
</div>
<div class="tp-blog-author-info-box d-flex align-items-center">
<div class="tp-blog-avata">
<img src="img/avata/avata-3.png" alt="">
</div>
<div class="tp-blog-author-info">
<h5>محمد محمدی</h5>
<span>مدیر سایت</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 mb-30 grid-item cat4 cat2 cat3 cat1" style="position: absolute; left: 0%; top: 508px;">
<div class="tp-blog-item">
<div class="tp-blog-thumb fix">
<a href="blog-details.html"><img src="img/blog/blog-grid-4.jpg" alt=""></a>
</div>
<div class="tp-blog-content">
<div class="tp-blog-meta d-flex align-items-center">
<div class="tp-blog-category category-color-1">
<span>کسب و کار</span>
</div>
<div class="tp-blog-date">
<span>28 فروردین, 1402</span>
</div>
</div>
<div class="tp-blog-title-box">
<a class="tp-blog-title-sm" href="blog-details.html">مدیریت پروژه در <br>
نوک انگشتان شما</a>
</div>
<div class="tp-blog-author-info-box d-flex align-items-center">
<div class="tp-blog-avata">
<img src="img/avata/avata-4.png" alt="">
</div>
<div class="tp-blog-author-info">
<h5>محمد محمدی</h5>
<span>مدیر سایت</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 mb-30 grid-item cat1 cat2 cat3 cat5" style="position: absolute; left: 33.3333%; top: 508px;">
<div class="tp-blog-item">
<div class="tp-blog-thumb fix">
<a href="blog-details.html"><img src="img/blog/blog-grid-5.jpg" alt=""></a>
</div>
<div class="tp-blog-content">
<div class="tp-blog-meta d-flex align-items-center">
<div class="tp-blog-category category-color-1">
<span>توسعه</span>
</div>
<div class="tp-blog-date">
<span>28 آذر, 1402</span>
</div>
</div>
<div class="tp-blog-title-box">
<a class="tp-blog-title-sm" href="blog-details.html">طراحی فضای کودکان <br>
کائنات</a>
</div>
<div class="tp-blog-author-info-box d-flex align-items-center">
<div class="tp-blog-avata">
<img src="img/avata/avata-5.png" alt="">
</div>
<div class="tp-blog-author-info">
<h5>محمد محمدی</h5>
<span>مدیر سایت</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 mb-30 grid-item cat4 cat1 cat5 cat2" style="position: absolute; left: 66.6667%; top: 508px;">
<div class="tp-blog-item">
<div class="tp-blog-thumb fix">
<a href="blog-details.html"><img src="img/blog/blog-grid-6.jpg" alt=""></a>
</div>
<div class="tp-blog-content">
<div class="tp-blog-meta d-flex align-items-center">
<div class="tp-blog-category category-color-1">
<span>طراحی</span>
</div>
<div class="tp-blog-date">
<span>28 فروردین, 1402</span>
</div>
</div>
<div class="tp-blog-title-box">
<a class="tp-blog-title-sm" href="blog-details.html">چگونه ربات‌های چت می‌توانند به شما
کمک کنند <br> فروش بیشتری را افزایش دهند</a>
</div>
<div class="tp-blog-author-info-box d-flex align-items-center">
<div class="tp-blog-avata">
<img src="img/avata/avata-6.png" alt="">
</div>
<div class="tp-blog-author-info">
<h5>محمد محمدی</h5>
<span>مدیر سایت</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Portfolio End-->
</main>
@code {
}

View File

@@ -1,5 +1,4 @@
@page "/Register" @page "/Register"
<PageTitle>ثبت نام</PageTitle> <PageTitle>ثبت نام</PageTitle>
<main> <main>