nima
4 months ago
parent
09070ffda8
commit
c9258682c3
71 changed files with 1784 additions and 29092 deletions
File diff suppressed because one or more lines are too long
@ -0,0 +1,109 @@ |
|||||||
|
/** |
||||||
|
* |
||||||
|
* Name: IRANSansX Fonts |
||||||
|
* Version: 3 |
||||||
|
* Author: Moslem Ebrahimi (moslemebrahimi.com) |
||||||
|
* Created on: Apr 22, 2021 |
||||||
|
* Updated on: Jul 12, 2023 |
||||||
|
* Website: http://fontiran.com |
||||||
|
* Copyright: Commercial/Proprietary Software |
||||||
|
-------------------------------------------------------------------------------------- |
||||||
|
فونتایران سنس Xا یک نرم افزار مالکیتی محسوب می شود. جهت آگاهی از قوانین استفاده از این فونت ها لطفا به وب سایت (فونت ایران دات کام) مراجعه نمایید |
||||||
|
-------------------------------------------------------------------------------------- |
||||||
|
IRANSansX fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com |
||||||
|
-------------------------------------------------------------------------------------- |
||||||
|
This set of fonts are used in this project under the license: (.....) |
||||||
|
------------------------------------------------------------------------------------- fonts/- |
||||||
|
* |
||||||
|
**/ |
||||||
|
|
||||||
|
|
||||||
|
@font-face { |
||||||
|
font-family: IRANSansX; |
||||||
|
font-style: normal; |
||||||
|
font-weight: 100; |
||||||
|
src: url('fonts/woff/IRANSansX-Thin.woff') format('woff'), |
||||||
|
url('fonts/woff2/IRANSansX-Thin.woff2') format('woff2'); |
||||||
|
} |
||||||
|
|
||||||
|
@font-face { |
||||||
|
font-family: IRANSansX; |
||||||
|
font-style: normal; |
||||||
|
font-weight: 200; |
||||||
|
src: url('fonts/woff/IRANSansX-UltraLight.woff') format('woff'), |
||||||
|
url('fonts/woff2/IRANSansX-UltraLight.woff2') format('woff2'); |
||||||
|
} |
||||||
|
|
||||||
|
@font-face { |
||||||
|
font-family: IRANSansX; |
||||||
|
font-style: normal; |
||||||
|
font-weight: 300; |
||||||
|
src: url('fonts/woff/IRANSansX-Light.woff') format('woff'), |
||||||
|
url('fonts/woff2/IRANSansX-Light.woff2') format('woff2'); |
||||||
|
} |
||||||
|
|
||||||
|
@font-face { |
||||||
|
font-family: IRANSansX; |
||||||
|
font-style: normal; |
||||||
|
font-weight: 500; |
||||||
|
src: url('fonts/woff/IRANSansX-Medium.woff') format('woff'), |
||||||
|
url('fonts/woff2/IRANSansX-Medium.woff2') format('woff2'); |
||||||
|
} |
||||||
|
|
||||||
|
@font-face { |
||||||
|
font-family: IRANSansX; |
||||||
|
font-style: normal; |
||||||
|
font-weight: 600; |
||||||
|
src: url('fonts/woff/IRANSansX-DemiBold.woff') format('woff'), |
||||||
|
url('fonts/woff2/IRANSansX-DemiBold.woff2') format('woff2'); |
||||||
|
} |
||||||
|
|
||||||
|
@font-face { |
||||||
|
font-family: IRANSansX; |
||||||
|
font-style: normal; |
||||||
|
font-weight: 800; |
||||||
|
src: url('fonts/woff/IRANSansX-ExtraBold.woff') format('woff'), |
||||||
|
url('fonts/woff2/IRANSansX-ExtraBold.woff2') format('woff2'); |
||||||
|
} |
||||||
|
|
||||||
|
@font-face { |
||||||
|
font-family: IRANSansX; |
||||||
|
font-style: normal; |
||||||
|
font-weight: 900; |
||||||
|
src: url('fonts/woff/IRANSansX-Black.woff') format('woff'), |
||||||
|
url('fonts/woff2/IRANSansX-Black.woff2') format('woff2'); |
||||||
|
} |
||||||
|
|
||||||
|
@font-face { |
||||||
|
font-family: IRANSansX; |
||||||
|
font-style: normal; |
||||||
|
font-weight: 950; |
||||||
|
src: url('fonts/woff/IRANSansX-ExtraBlack.woff') format('woff'), |
||||||
|
url('fonts/woff2/IRANSansX-ExtraBlack.woff2') format('woff2'); |
||||||
|
} |
||||||
|
|
||||||
|
@font-face { |
||||||
|
font-family: IRANSansX; |
||||||
|
font-style: normal; |
||||||
|
font-weight: 1000; |
||||||
|
src: url('fonts/woff/IRANSansX-Heavy.woff') format('woff'), |
||||||
|
url('fonts/woff2/IRANSansX-Heavy.woff2') format('woff2'); |
||||||
|
} |
||||||
|
|
||||||
|
@font-face { |
||||||
|
font-family: IRANSansX; |
||||||
|
font-style: normal; |
||||||
|
font-weight: bold; |
||||||
|
src: url('fonts/woff/IRANSansX-Bold.woff') format('woff'), |
||||||
|
url('fonts/woff2/IRANSansX-Bold.woff2') format('woff2'); |
||||||
|
} |
||||||
|
|
||||||
|
@font-face { |
||||||
|
font-family: IRANSansX; |
||||||
|
font-style: normal; |
||||||
|
font-weight: normal; |
||||||
|
src: url('fonts/woff/IRANSansX-Regular.woff') format('woff'), |
||||||
|
url('fonts/woff2/IRANSansX-Regular.woff2') format('woff2'); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
@ -0,0 +1,244 @@ |
|||||||
|
@import url(fontiran.css); /* لینک فایلی که وظیفه بارگذاری فونت ها را برعهده دارد */ |
||||||
|
body { |
||||||
|
font-family: IRANSansX !important; |
||||||
|
direction: rtl; |
||||||
|
background-color: #cdcdcd; |
||||||
|
margin: 0; |
||||||
|
} |
||||||
|
h1, h2, h3, h4, h5, h6,input, textarea { |
||||||
|
font-family: IRANSansX !important; |
||||||
|
} |
||||||
|
h1 { |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
.wrapper { |
||||||
|
max-width: 900px; |
||||||
|
margin: 0 auto; |
||||||
|
} |
||||||
|
.ltr { |
||||||
|
direction: ltr; |
||||||
|
} |
||||||
|
.text-right { |
||||||
|
text-align: right; |
||||||
|
} |
||||||
|
.text-center { |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
.text-left { |
||||||
|
text-align: left; |
||||||
|
} |
||||||
|
.text-small { |
||||||
|
font-size: 0.8em; |
||||||
|
} |
||||||
|
.text-xsmall { |
||||||
|
font-size: 0.6em; |
||||||
|
} |
||||||
|
.text-large { |
||||||
|
font-size: 1.2em; |
||||||
|
} |
||||||
|
.text-xlarge { |
||||||
|
font-size: 1.4em; |
||||||
|
} |
||||||
|
.text-underline { |
||||||
|
text-decoration:underline; |
||||||
|
} |
||||||
|
|
||||||
|
.text-thin { |
||||||
|
font-weight: 100; |
||||||
|
} |
||||||
|
.text-UltraLight { |
||||||
|
font-weight: 200; |
||||||
|
} |
||||||
|
.text-light { |
||||||
|
font-weight: 300; |
||||||
|
} |
||||||
|
.text-regular { |
||||||
|
font-weight: normal; |
||||||
|
} |
||||||
|
.text-medium { |
||||||
|
font-weight: 500; |
||||||
|
} |
||||||
|
.text-demibold { |
||||||
|
font-weight: 600; |
||||||
|
} |
||||||
|
.text-bold { |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
|
||||||
|
.text-extrabold { |
||||||
|
font-weight: 800; |
||||||
|
} |
||||||
|
.text-black { |
||||||
|
font-weight: 900; |
||||||
|
} |
||||||
|
.text-extrablack { |
||||||
|
font-weight: 950; |
||||||
|
} |
||||||
|
.text-heavy { |
||||||
|
font-weight: 1000; |
||||||
|
} |
||||||
|
|
||||||
|
blockquote { |
||||||
|
font-weight: 700; |
||||||
|
padding: 10px; |
||||||
|
border: 1px dashed #666666; |
||||||
|
} |
||||||
|
|
||||||
|
.mainbox { |
||||||
|
width: 100%; |
||||||
|
background-color: #EFEFEF; |
||||||
|
display: table; |
||||||
|
margin-bottom: 30px; |
||||||
|
border-right: 8px solid #df79ff; |
||||||
|
} |
||||||
|
|
||||||
|
.mainboxnegativ { |
||||||
|
width: 100%; |
||||||
|
background-color: #000000; |
||||||
|
display: table; |
||||||
|
margin-bottom: 30px; |
||||||
|
border-right: 8px solid #df79ff; |
||||||
|
color: #F9F9F9; |
||||||
|
} |
||||||
|
|
||||||
|
.mainbox2 { |
||||||
|
font-size: 1em; |
||||||
|
width: 90%; |
||||||
|
padding-right: 20px; |
||||||
|
padding-top: 10px; |
||||||
|
padding-bottom: 10px; |
||||||
|
} |
||||||
|
.mainboxitalic { |
||||||
|
font-size: 1em; |
||||||
|
font-style: italic; |
||||||
|
width: 90%; |
||||||
|
padding-right: 20px; |
||||||
|
padding-top: 10px; |
||||||
|
padding-bottom: 10px; |
||||||
|
} |
||||||
|
|
||||||
|
.mainbox3 { |
||||||
|
width: 100%; |
||||||
|
background-color: #DFDFDF; |
||||||
|
display: table; |
||||||
|
margin-bottom: 30px; |
||||||
|
border-right: 8px solid #FF5EAA; |
||||||
|
} |
||||||
|
|
||||||
|
.mainbox2negativ { |
||||||
|
font-size: 1em; |
||||||
|
color: #F9F9F9; |
||||||
|
background-color: #000000; |
||||||
|
padding-right: 20px; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
.farsiparagraph { |
||||||
|
font-size: 1em; |
||||||
|
width: 47%; |
||||||
|
float:right; |
||||||
|
padding-right: 20px; |
||||||
|
padding-top: 10px; |
||||||
|
padding-bottom: 10px; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
.farsiparagraph_negativ { |
||||||
|
font-size: 1em; |
||||||
|
color: #F9F9F9; |
||||||
|
background-color: #000000; |
||||||
|
width: 47%; |
||||||
|
float:right; |
||||||
|
padding-right: 20px; |
||||||
|
padding-top: 10px; |
||||||
|
padding-bottom: 10px; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
.englishparagraph { |
||||||
|
font-size: 1em; |
||||||
|
width: 47%; |
||||||
|
float: left; |
||||||
|
direction:ltr; |
||||||
|
padding-left: 20px; |
||||||
|
padding-top: 10px; |
||||||
|
padding-bottom: 10px; |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
.englishparagraph_negativ { |
||||||
|
font-size: 1em; |
||||||
|
color: #F9F9F9; |
||||||
|
background-color: #000000; |
||||||
|
width: 47%; |
||||||
|
float: left; |
||||||
|
direction:ltr; |
||||||
|
padding-left: 20px; |
||||||
|
padding-top: 10px; |
||||||
|
padding-bottom: 10px; |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
.rightbox { |
||||||
|
width: 60%; |
||||||
|
padding-right: 20px; |
||||||
|
padding-left: 5px; |
||||||
|
float: right; |
||||||
|
margin-left: 10px; |
||||||
|
margin-bottom: 0px; |
||||||
|
min-width: 0px; |
||||||
|
background-color: #F7F7F7; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
.titelbox { |
||||||
|
width: 60%; |
||||||
|
padding-right: 25px; |
||||||
|
padding-left: 0px; |
||||||
|
float: right; |
||||||
|
margin-left: 10px; |
||||||
|
margin-bottom: 0px; |
||||||
|
min-width: 0px; |
||||||
|
background-color: #d5d5d5; |
||||||
|
color: #4B4B4B; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
.lefttbox { |
||||||
|
|
||||||
|
padding-right: 20px; |
||||||
|
padding-left: 4px; |
||||||
|
float: right; |
||||||
|
margin-bottom: 10px; |
||||||
|
min-width: 0px; |
||||||
|
} |
||||||
|
|
||||||
|
.alphabet { |
||||||
|
width: 35%; |
||||||
|
float: left; |
||||||
|
font-size: 20em; |
||||||
|
text-align: center; |
||||||
|
font-weight: 700; |
||||||
|
color: #999999; |
||||||
|
} |
||||||
|
|
||||||
|
.alphabet2 { |
||||||
|
width: 35%; |
||||||
|
float: left; |
||||||
|
direction: ltr; |
||||||
|
font-size: 1.6em; |
||||||
|
text-align: left; |
||||||
|
font-weight: 600; |
||||||
|
color: #333333; |
||||||
|
margin-top: 100px; |
||||||
|
} |
||||||
|
.footer { |
||||||
|
font-weight: 400; |
||||||
|
font-size: 0.7em; |
||||||
|
text-align: center; |
||||||
|
direction: ltr; |
||||||
|
margin-bottom: 0px; |
||||||
|
padding-bottom: 0px; |
||||||
|
} |
||||||
|
After Width: | Height: | Size: 168 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 4.1 KiB |
|
After Width: | Height: | Size: 6.4 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 974 B |
|
After Width: | Height: | Size: 6.3 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 8.1 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 102 KiB |
|
After Width: | Height: | Size: 6.1 KiB |
|
After Width: | Height: | Size: 695 B |
|
After Width: | Height: | Size: 8.1 KiB |
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 6.6 KiB |
|
After Width: | Height: | Size: 6.8 KiB |
|
After Width: | Height: | Size: 8.6 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 545 B |
|
After Width: | Height: | Size: 9.8 KiB |
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,14 @@ |
|||||||
|
import React from "react"; |
||||||
|
const StatisticsCard = () => { |
||||||
|
return ( |
||||||
|
<div> |
||||||
|
<div className="bg-[white] w-40 h-36 m-auto mt-2 rounded-2xl text-center"> |
||||||
|
<img src="public/images/alarm-clock.png" loading="lazy" className="m-auto"></img> |
||||||
|
<p className="pt-5">زمان تقریبی</p> |
||||||
|
<p>20 دقیقه</p> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
); |
||||||
|
}; |
||||||
|
export default StatisticsCard; |
||||||
|
|
||||||
@ -0,0 +1,12 @@ |
|||||||
|
import React from "react"; |
||||||
|
const Boy = ()=>{ |
||||||
|
return( |
||||||
|
<div className="bg-[white] w-32 h-36 m-auto rounded-lg text-center"> |
||||||
|
<img src="public/images/boy.jpg" loading="lazy" className="m-auto rounded-full"></img> |
||||||
|
<p className="pt-2 text-xs">صدرا ساداتی</p> |
||||||
|
<p className="text-xs pt-2 text-yellow-400">ENTJ</p> |
||||||
|
<button className="bg-[green] h-6 w-20 rounded-md"><p className="text-green-500"></p></button> |
||||||
|
</div> |
||||||
|
) |
||||||
|
}; |
||||||
|
export default Boy; |
||||||
@ -0,0 +1,18 @@ |
|||||||
|
import React from "react"; |
||||||
|
const BOY = ()=>{ |
||||||
|
return( |
||||||
|
<div className="bg-[white] w-52 h-40 rounded-xl m-auto"> |
||||||
|
<img src="public/images/boy2.jpg" loading="lazy" className="float-right rounded-full pt-4 pr-4"></img> |
||||||
|
<p className="text-xs text-center pt-6 pl-28">رضا فکور</p> |
||||||
|
<p className="text-xs text-black pt-4 max-w-30 pl-24 pr-5">خیلی عالی بود</p> |
||||||
|
<div className="pl-4"> |
||||||
|
<img src="public/images/goldStar.png" loading="lazy" className="pt-8 float-left"></img> |
||||||
|
<img src="public/images/goldStar.png" loading="lazy" className="pt-8 float-left"></img> |
||||||
|
<img src="public/images/goldStar.png" loading="lazy" className="pt-8 float-left"></img> |
||||||
|
<img src="public/images/goldStar.png" loading="lazy" className="pt-8 float-left"></img> |
||||||
|
<img src="public/images/goldStar.png" loading="lazy" className="pt-8 float-left"></img> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
) |
||||||
|
} |
||||||
|
export default BOY |
||||||
@ -0,0 +1,10 @@ |
|||||||
|
import React from "react"; |
||||||
|
const Calender = ()=>{ |
||||||
|
return( |
||||||
|
<div className="bg-[white] w-48 h-9 m-auto rounded-lg"> |
||||||
|
<img src="public/images/calender.png" loading="lazy" className="float-right pt-1 pr-5"></img> |
||||||
|
<p className="float-left pt-1 pl-5">1403/5/2</p> |
||||||
|
</div> |
||||||
|
) |
||||||
|
} |
||||||
|
export default Calender |
||||||
@ -0,0 +1,12 @@ |
|||||||
|
import React from "react"; |
||||||
|
const Chat = () => { |
||||||
|
return (
|
||||||
|
<div> |
||||||
|
<div className="mt-2 bg-[white] rounded-xl w-32 m-auto"> |
||||||
|
<img src="public/images/chat.png" loading="lazy" className="m-auto"></img> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
export default Chat; |
||||||
@ -0,0 +1,14 @@ |
|||||||
|
import React from "react"; |
||||||
|
const Coin = () => { |
||||||
|
return (
|
||||||
|
<div> |
||||||
|
<div className="mt-2 text-center bg-[white] h-32 w-28 m-auto rounded-2xl"> |
||||||
|
<img src="public/images/coin.png" loading="lazy" className="m-auto"></img> |
||||||
|
<p className="pt-5">امتیاز</p> |
||||||
|
<p className="pt5">409.5</p> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
export default Coin; |
||||||
@ -0,0 +1,11 @@ |
|||||||
|
import React from "react"; |
||||||
|
const Endexam = ()=>{ |
||||||
|
return( |
||||||
|
<div className="text-center"> |
||||||
|
<div style={{backgroundImage:'url(public/images/endExam.jpg)',backgroundRepeat:'no-repeat'}} className="w-96 h-20px m-auto rounded-2xl"> |
||||||
|
<button className="mt-60 bg-[blue] text-[white] rounded-md">بریم مرحله بعد</button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
) |
||||||
|
} |
||||||
|
export default Endexam; |
||||||
@ -0,0 +1,13 @@ |
|||||||
|
import React from "react"; |
||||||
|
const Entezar = ()=>{ |
||||||
|
return( |
||||||
|
<div className="bg-[white] w-32 h-40 rounded-lg m-auto text-center"> |
||||||
|
<img src="public/images/entezar.jpg" loading="lazy" className="rounded-full m-auto"></img> |
||||||
|
<p className="m-auto pt-1">کتاب انتظار</p> |
||||||
|
<img src="public/images/smallcoin.png" loading="lazy" className="pr-7 float-right pt-3"></img> |
||||||
|
<p className="flout-left text-yellow-400 text-xs pl-5 pt-3">522 امتیاز</p> |
||||||
|
<button className="bg-[green] max-h-8 mt-2 rounded-md"><span className="text-sm text-[white]">دریافت</span></button> |
||||||
|
</div> |
||||||
|
) |
||||||
|
} |
||||||
|
export default Entezar |
||||||
@ -0,0 +1,13 @@ |
|||||||
|
import React from "react"; |
||||||
|
const Game = () => { |
||||||
|
return (
|
||||||
|
<div className="rounded-2xl w-[300px] overflow-hidden"> |
||||||
|
<div className="bg-[url('public/images/game.png')] bg-cover bg-center bg-no-repeat"> |
||||||
|
<p className="pt-96 text-[white] text-xs pb-3 mr-32">یه بازی معمایی پر چالشه دوست داری</p> |
||||||
|
<p className="text-[white] text-xs pb-3 mr-32">دوست داری ذهنت به چالش بکشی</p> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
export default Game; |
||||||
@ -0,0 +1,17 @@ |
|||||||
|
const Neo = () => { |
||||||
|
return (
|
||||||
|
<div className="text-center bg-[white] rounded-xl"> |
||||||
|
<div> |
||||||
|
<img src="public/images/neo.png" alt="آزمون نئو" loading="lazy" className="m-auto"/> |
||||||
|
</div> |
||||||
|
<p>سامانه جامع آزمون نئو</p> |
||||||
|
<div className="font-xl mt-2"> |
||||||
|
<p>میتوانید اطلاعات(NEO)در سامانه جامع آزمون نئو</p> |
||||||
|
<p>کاملی در مورد ویژگی های شخصیت 5 گانه یعنی</p> |
||||||
|
<button className="mt-4">مشاهده مطلب</button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
export default Neo; |
||||||
@ -0,0 +1,12 @@ |
|||||||
|
import React from "react"; |
||||||
|
const Person = ()=>{ |
||||||
|
return( |
||||||
|
<div> |
||||||
|
<div className="bg-[white] w-64 h-9 m-auto rounded-lg"> |
||||||
|
<img src="public/images/personTest.png" loading="lazy" className="float-right pt-1 pr-5"></img> |
||||||
|
<p className="float-left pt-1 pl-5">تست های شخصیت شناسی</p> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
); |
||||||
|
} |
||||||
|
export default Person; |
||||||
@ -0,0 +1,13 @@ |
|||||||
|
import React from "react"; |
||||||
|
const Resaneh = ()=>{ |
||||||
|
return( |
||||||
|
<div className="bg-[white] w-80 h-16 m-auto rounded-xl"> |
||||||
|
<img src="public/images/Resaneh.jpg" loading="lazy" className="float-right rounded-full pt-1"></img> |
||||||
|
<p className="float-left text-base pl-32 pt-1">گروه رسانه ای نوبین</p> |
||||||
|
<p className="text-xs float-end pt-2 text-slate-400 pr-5">انواع المان های بصری چیه؟</p> |
||||||
|
<p className="float-left pl-3 pt-1" style={{marginTop:'-30px'}}>6:03</p> |
||||||
|
<p className="bg-[blue] float-left rounded-full ml-4 pl-2 pr-2 text-white mt-1">4</p> |
||||||
|
</div> |
||||||
|
) |
||||||
|
} |
||||||
|
export default Resaneh |
||||||
@ -0,0 +1,12 @@ |
|||||||
|
import React from "react"; |
||||||
|
const Sword = () => { |
||||||
|
return (
|
||||||
|
<div className="bg-blue-400 w-36 h-60 m-auto rounded-3xl bg-[blue] text-center"> |
||||||
|
<p className="text-white pt-4">بازی قلمرو ها</p> |
||||||
|
<img src="public/images/sword.png" loading="lazy" className="m-auto mt-6 rounded-full p-3 border-8 border-[orange] " ></img> |
||||||
|
<p className="text-white pt-4">4 ساعت</p> |
||||||
|
</div> |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
export default Sword; |
||||||
@ -0,0 +1,19 @@ |
|||||||
|
import React from "react"; |
||||||
|
const TestCard = () => { |
||||||
|
return ( |
||||||
|
<div className="bg-[white] rounded-2xl mb-5 text-center"> |
||||||
|
<div className="ml-200"> |
||||||
|
<img src="public/images/okaner.png" alt="اوکانر تست" loading="lazy" className="m-auto"></img> |
||||||
|
</div> |
||||||
|
<p className="mt-5">تست استعداد یابی اوکانر</p> |
||||||
|
<div className="mr-5 ml-5 mt-2"> |
||||||
|
<p>در زمینه استعداد یابی افرادی همچون جانسون اوکانر , جان هالند و هوارد</p> |
||||||
|
<p>گاردنر بسیار تاثیر گذار بودند. تفکر و استراژی جانسون اوکانر به این</p> |
||||||
|
<p>این صورت بود که علاوه بر شناخت استعداد و توانایی ها مورد بررسی</p> |
||||||
|
<p>قرار می داد</p> |
||||||
|
<button className="mt-4">نمایش همه</button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
); |
||||||
|
}; |
||||||
|
export default TestCard; |
||||||
@ -1,21 +1,54 @@ |
|||||||
import Button from "~/components/Button" |
import Boy from "~/components/boy"; |
||||||
function Landing() { |
import BOY from "~/components/boy2"; |
||||||
|
import Calender from "~/components/calender"; |
||||||
|
import Chat from "~/components/chat"; |
||||||
|
import Coin from "~/components/coin"; |
||||||
|
import Endexam from "~/components/endExam"; |
||||||
|
import Entezar from "~/components/entezar"; |
||||||
|
import Game from "~/components/game"; |
||||||
|
import Neo from "~/components/neo"; |
||||||
|
import Person from "~/components/person"; |
||||||
|
import Resaneh from "~/components/resaneh"; |
||||||
|
import StatisticsCard from "~/components/StatisticsCard"; |
||||||
|
import Sword from "~/components/sword"; |
||||||
|
import TestCard from "~/components/test"; |
||||||
|
|
||||||
|
|
||||||
|
function App() { |
||||||
return ( |
return ( |
||||||
<div className='flex flex-col items-center w-full '> |
<> |
||||||
<div className="flex items-center justify-center mb-6"> |
<div className="flex flex-col gap-2 items-center"> |
||||||
<img src="/images/logo.png" alt="flower" className="w-[250px] "/> |
<TestCard></TestCard> |
||||||
|
|
||||||
</div> |
<Neo></Neo> |
||||||
<div className="flex items-center justify-center"> |
|
||||||
<p className="font-4 rtl w-[500px] h-[150px] text-md text-gray-400">سلام و عرض ارادت ! |
|
||||||
|
|
||||||
این پرسشنامه شامل فرم مشخصات عمومی و ارزشیابی شخصی شما از مهارت ها و شامل 32 سوال فنی است و حدود 45 دقیقه ممکن است نیاز به زمان داشته باشد<br/>. |
<StatisticsCard></StatisticsCard> |
||||||
پیشاپیش از وقتی که میگذارید صمیمانه سپاسگزاریم و آرزوی بهترین ها را برای شما داریم .<br/> |
|
||||||
بنا بر این اگر آماده یک چالش کوچک هستید </p> |
<Coin></Coin> |
||||||
|
|
||||||
|
<Chat></Chat> |
||||||
|
|
||||||
|
<Game></Game> |
||||||
|
|
||||||
|
<Sword></Sword> |
||||||
|
|
||||||
|
<Person></Person> |
||||||
|
|
||||||
|
<Endexam></Endexam> |
||||||
|
|
||||||
|
<Calender></Calender> |
||||||
|
|
||||||
|
<Entezar></Entezar> |
||||||
|
|
||||||
|
<Boy></Boy> |
||||||
|
|
||||||
|
<BOY></BOY> |
||||||
|
|
||||||
|
<Resaneh></Resaneh> |
||||||
|
|
||||||
</div> |
</div> |
||||||
<Button text="بیا شروع کنیم" className="px-4" primary/> |
</> |
||||||
</div> |
); |
||||||
) |
|
||||||
} |
} |
||||||
|
|
||||||
export default Landing |
export default App; |
||||||
Loading…
Reference in new issue