AzitaRahimi/final-protfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
Azita Rahimi
2026-06-13 12:11:33 +03:30
parent 61fa7a376f
commit 0ed14827ce
69 changed files with 10847 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

272
src/assets/css/portfolio-gallery.css Normal file
View File

@@ -0,0 +1,272 @@
.gallery-section {
margin: 100px 0;
}
.gallery-section .tabs {
display: flex;
gap: 1rem;
margin-top: 16px;
}
.gallery-section .tabs button {
display: flex;
align-items: center;
justify-content: center;
height: 36px;
padding: 0 13px;
border-radius: 10px;
border: 1px solid #505068;
color: #505068;
}
.gallery-section .tabs button .txt {
font-size: 14px;
color: inherit;
}
.gallery-section .tabs button:hover {
border-color: #0274b3;
color: #0274b3;
}
.gallery-section .tabs button.current {
border-color: #0274b3;
background-color: #0274b3;
color: #fff;
}
.gallery-section .gallery-thumbnail {
margin: 24px 0 32px;
}
.gallery-section .gallery-thumbnail p {
display: none;
}
.gallery-section .gallery-thumbnail .thumbnail {
position: relative;
max-width: 720px;
margin: 0 auto;
border-radius: 16px;
overflow: hidden;
cursor: pointer;
}
.gallery-section .gallery-thumbnail .thumbnail::before {
content: '';
position: absolute;
inset: 0;
pointer-events: none;
background-image: linear-gradient(#00000000, #000000);
opacity: 0;
transition: opacity 200ms;
}
.gallery-section .gallery-thumbnail .thumbnail:hover::before {
opacity: 1;
}
.gallery-section .gallery-thumbnail .thumbnail img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
}
.gallery-section .gallery-thumbnail .thumbnail .expand-icon {
position: absolute;
right: 50%;
bottom: 0;
transform: translateX(50%);
display: grid;
place-items: center;
width: 48px;
height: 48px;
border-radius: 6px 6px 0 0;
background-color: #fff;
}
.gallery-section .gallery-thumbnail .thumbnail .expand-icon svg {
width: 32px;
height: 32px;
transition: scale 200ms;
}
.gallery-section .gallery-thumbnail .thumbnail .cta {
position: absolute;
bottom: 50%;
right: 50%;
transform: translate(50%, 50%);
height: 40px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 4px 12px 4px 10px;
background-color: #eaf7ff;
border-radius: 8px;
opacity: 0;
transition: opacity 200ms;
}
.gallery-section .gallery-thumbnail .thumbnail .cta .txt {
font-size: 14px;
color: #0274b3;
}
.gallery-section .gallery-thumbnail .thumbnail .cta svg {
width: 20px;
height: 20px;
stroke: #0274b3;
}
.gallery-section .gallery-thumbnail .thumbnail:hover .expand-icon svg {
scale: 1.15;
}
.gallery-section .gallery-thumbnail .thumbnail:hover .cta {
opacity: 1;
height: 40px;
font-size: 15px;
}
.gallery-section .gallery-items {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px 16px;
list-style-type: none;
}
.gallery-section .gallery-items li {
position: relative;
border-radius: 10px;
overflow: hidden;
cursor: pointer;
}
.gallery-section .gallery-items li::before {
content: '';
position: absolute;
inset: 0;
background-image: linear-gradient(#00141f00, #00141f);
opacity: 0;
transition: opacity 200ms;
}
.gallery-section .gallery-items li img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 4 / 3;
object-fit: cover;
}
.gallery-section .gallery-items li .title {
position: absolute;
bottom: 0;
right: 0;
left: 0;
padding: 0px 12px 16px;
display: flex;
opacity: 0;
transition: opacity 200ms;
}
.gallery-section .gallery-items li .title .txt {
font-size: 15px;
line-height: 1.7;
font-weight: bold;
color: #fff;
}
.gallery-section .gallery-items li .title svg {
width: 24px;
height: 24px;
stroke: #fff;
margin-right: auto;
}
.gallery-section .gallery-items li:hover .title {
opacity: 1;
}
.gallery-section .gallery-items li:hover::before {
opacity: 1;
}
.gallery-section .b-cta {
height: 40px;
background-color: var(--color-primary);
border-radius: 10px;
padding: 0 12px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
width: fit-content;
margin: 32px auto 0;
}
.gallery-section .b-cta .txt {
font-size: 15px;
color: #ffffff;
font-weight: 400;
}
.gallery-section .b-cta svg {
width: 20px;
height: 20px;
stroke: #fff;
}
.pagination {
margin-top: 32px;
}
.pagination ul {
list-style-type: none;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin: initial;
}
.pagination ul a {
width: 32px;
height: 32px;
display: grid;
place-items: center;
border-radius: 8px;
font-size: 16px;
font-weight: normal;
border: none;
color: #000;
transform: none;
line-height: normal;
transition: none;
box-shadow: 2px 10px 20px 0 #595c6018;
}
.pagination ul a svg {
width: 16px;
height: 16px;
stroke: #505068;
}
.pagination ul li:hover a {
background-color: #e5efff;
}
.pagination ul li:hover a svg {
stroke: var(--color-primary);
}
.pagination ul .current a {
background-color: var(--color-primary);
color: #fff;
}
@media screen and (max-width: 768px) {
.gallery-section .gallery-items {
grid-template-columns: repeat(1, 1fr);
}
.gallery-section .gallery-thumbnail .thumbnail {
margin: 0 -20px;
border-radius: 0;
}
.gallery-section .gallery-thumbnail p {
display: inline-block;
font-size: 15px;
font-weight: bold;
margin-top: 16px;
color: var(--color-title);
}
.gallery-section .gallery-items li:hover::before,
.gallery-section .gallery-items li .title svg {
display: none;
}
.gallery-section .gallery-items li .title {
position: static;
padding: initial;
opacity: 1 !important;
}
.gallery-section .gallery-items li .title .txt {
font-size: 15px;
font-weight: bold;
margin-top: 8px;
color: var(--color-title);
}
.gallery-section .gallery-items li {
overflow: visible;
}
.gallery-section .gallery-items li img {
border-radius: 10px;
}
}

444
src/assets/css/portfolio-responsive.css Normal file
View File

@@ -0,0 +1,444 @@
@media screen and (max-width: 1400px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 992px) {
.about-section > .container {
flex-direction: column;
padding: 48px 20px 78px;
gap: 24px;
}
.about-section-title,
.about-section-p {
flex-basis: initial;
}
.about-section-uptitle,
.about-section-title svg {
display: none;
}
.vs,
.column-titlec,
.column-titler {
display: none;
}
.challenge-header {
text-align: right;
}
.challenge-header p {
font-size: 14px;
}
.mobile-toggle {
display: flex;
overflow: hidden;
}
.toggle-btn {
display: none;
}
.toggle-btn.is-active {
display: flex;
}
.scroll-pagination {
display: flex;
}
.table-wrapper {
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
}
.column {
min-width: 100%;
scroll-snap-align: start;
}
.form-section-left {
flex: 0 1 100%;
margin-top: 24px;
}
.form-section-right {
flex: 0 1 100%;
}
.form-img p {
font-size: 36px;
}
.form-btn {
width: 100%;
}
.media {
width: auto;
}
}
@media screen and (max-width: 992px) and (orientation: landscape) {
.portfolio-logo-wrapper {
width: 660px !important;
max-width: 660px !important;
}
}
@media screen and (max-width: 768px) {
.about-section {
padding: initial;
}
.about-section > .container {
border-radius: initial;
}
.about-section-title {
font-size: 48px;
}
.about-section-p .bold {
font-size: 20px;
}
.related-boxes {
flex-wrap: wrap;
}
.related-button {
display: none;
}
.related-button-mobile {
display: flex;
gap: 8px;
height: 40px;
padding: 0px 12px 0px 10px;
background-color: var(--color-primary);
border-radius: 10px;
color: #ffffff;
align-items: center;
align-self: center;
margin-top: 24px;
}
.related-button-mobile span {
font-size: 15px;
font-weight: 400;
}
.showcase-section > .container-showcase {
height: calc(var(--slides-count) * 100dvh);
}
.showcase-sticky {
height: 100vh;
}
.showcase-inner {
position: relative;
width: 100%;
height: 100vh;
display: block;
}
.showcase-media-side,
.showcase-text-side {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.showcase-media-wrapper {
width: 100%;
height: 100%;
max-width: unset;
border-radius: 0;
}
.media-item {
position: absolute;
inset: 0;
opacity: 0;
transform: translateY(80px);
transition:
opacity 0.9s ease,
transform 0.9s ease;
}
.media-item.active {
opacity: 1;
transform: translateY(0);
z-index: 2;
}
.mobile-pos-one img,
.mobile-pos-one video,
.mobile-pos-two img,
.mobile-pos-two video,
.mobile-pos-three img,
.mobile-pos-three video {
width: 100%;
height: 100%;
object-fit: cover;
}
.media-item::after {
content: '';
position: absolute;
inset: 0;
z-index: 1;
}
.gradient-one::after,
.gradient-two::after,
.gradient-three::after {
background: linear-gradient(
0deg,
rgba(0, 20, 31, 0.9) 6.09%,
rgba(0, 20, 31, 0.8) 17.54%,
rgba(0, 20, 31, 0.7) 26.09%,
rgba(0, 20, 31, 0.6) 36.3%,
rgba(0, 20, 31, 0.5) 43.43%,
rgba(0, 63, 97, 0) 87.09%
);
}
.showcase-text-side {
z-index: 5;
overflow: hidden;
pointer-events: none;
}
.text-track {
position: absolute;
inset: 0;
}
.text-item {
position: absolute;
inset: 0;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 0 24px calc(env(safe-area-inset-bottom) + 48px);
color: white;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 1;
transform: translateY(60px);
transition:
transform 0.6s ease,
opacity 0.6s ease,
visibility 0.6s ease;
}
.text-item.active {
opacity: 1;
visibility: visible;
z-index: 5;
transform: translateY(0);
}
.text-item span {
color: #aebcc5;
font-size: 18px;
margin-bottom: 8px;
}
.text-item h2 {
color: #ffffff;
font-size: 22px;
margin-bottom: 16px;
}
.text-item p {
color: #e9ecee;
font-size: 16px;
line-height: 1.8;
}
.container-showcase {
padding: 0;
margin: 0 auto;
}
.showcase-text-side::after {
display: none;
}
.hero-section {
padding-right: 19px;
padding-bottom: 122px;
margin-top: 78px;
}
.hero-section video,
.hero-section .bg-gif {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.hero-content {
position: relative;
z-index: 2;
text-align: right;
display: flex;
flex-direction: column;
}
.hero-category {
position: relative;
display: inline-block;
}
.hero-category p {
font-size: 13px;
}
.hero-category::after {
content: '';
position: absolute;
width: 225px;
height: 1px;
background: #8898a3;
margin-top: 8px;
}
.hero-title {
font-size: 24px;
padding-left: 850px;
}
.hero-meta-inner {
font-size: 13px;
}
.hero-scroll-down span {
font-size: 12px;
margin-top: 8px;
}
.portfolio-floating-nav {
width: 390px;
max-width: calc(100vw - 16px);
bottom: -140px;
}
.portfolio-floating-nav.show {
bottom: 16px;
}
.portfolio-nav-inner {
width: 100%;
padding: 8px 10px;
gap: 8px;
border-radius: 24px;
}
.portfolio-nav-action {
display: none;
}
.portfolio-nav-scroll-wrapper,
.portfolio-nav-scroll {
flex: 1;
min-width: 0;
}
.portfolio-nav-scroll {
width: 100%;
overflow-x: auto;
}
.portfolio-nav-links {
gap: 6px;
padding: 8px;
}
.portfolio-nav-btn {
font-size: 12px;
padding: 7px 10px;
white-space: nowrap;
}
.portfolio-nav-meeting {
min-width: auto;
flex-shrink: 0;
font-size: 12px;
padding: 7px 10px;
white-space: nowrap;
}
.portfolio-scroll-track {
transform: translateX(-50%);
bottom: 6px;
right: 187px;
width: 56px;
height: 4px;
border-radius: 999px;
background: #d9d9d9;
overflow: hidden;
}
.portfolio-scroll-thumb {
width: 28px;
right: 0;
}
.next-popup,
.prev-popup {
display: none;
}
.down-txt {
display: block;
}
.img-popup-img {
width: 390px;
height: 292px;
border-radius: 0;
}
}
@media screen and (max-width: 576px) {
.about-section-circleup {
top: -192px;
right: -210px;
}
.about-section-circledown {
bottom: -240px;
left: -220px;
}
.process-section > .container {
padding: 0;
}
.process-title {
padding: 0 20px;
}
.step {
padding: 24px 67px 24px 20px;
}
.step-title {
font-size: 16px;
line-height: 1.5;
}
.step.active .step-title {
font-size: 18px;
padding-left: 10px;
}
.toggle-icon {
width: 24px;
height: 24px;
}
.step-number-bg {
right: 15px;
top: 6px;
font-size: 40px;
font-weight: normal;
letter-spacing: -5px;
transform: initial;
}
.step-list li,
.step-intro {
font-size: 15px;
line-height: 1.7;
color: var(--color-body-text);
}
.star-form {
top: 35px;
left: 20px;
width: 56px;
height: 56px;
}
.form-section-text h2 {
margin-bottom: 16px;
font-size: 18px;
}
.form-section-text p,
.result-section-header p,
.process-title p,
.related-titlep {
font-size: 14px;
}
.form-input,
.form-text {
flex-basis: 100%;
}
.side-buttons {
display: none;
}
.container-hero {
max-width: 1240px;
padding: 0;
margin: 0 auto;
}
}

1807
src/assets/css/portfolio.css Normal file
View File

File diff suppressed because it is too large Load Diff

77
src/assets/icons/portfolioGallery.svg Normal file
View File

@@ -0,0 +1,77 @@
<svg>
<symbol id="expand" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M28 28L20 20M21.6 28H28V21.6M10.4 28H4V21.6M4 28L12 20M21.6 4H28V10.4M28 4L20 12M10.4 4H4V10.4M4 4L12 12"
stroke="#1A1A2E"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</symbol>
<symbol id="eye" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M2.06202 12.348C1.97868 12.1235 1.97868 11.8765 2.06202 11.652C2.87372 9.68385 4.25153 8.00103 6.02079 6.81689C7.79004 5.63275 9.87106 5.00061 12 5.00061C14.129 5.00061 16.21 5.63275 17.9792 6.81689C19.7485 8.00103 21.1263 9.68385 21.938 11.652C22.0214 11.8765 22.0214 12.1235 21.938 12.348C21.1263 14.3161 19.7485 15.999 17.9792 17.1831C16.21 18.3672 14.129 18.9994 12 18.9994C9.87106 18.9994 7.79004 18.3672 6.02079 17.1831C4.25153 15.999 2.87372 14.3161 2.06202 12.348Z"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M12 15C13.6569 15 15 13.6568 15 12C15 10.3431 13.6569 8.99999 12 8.99999C10.3432 8.99999 9.00002 10.3431 9.00002 12C9.00002 13.6568 10.3432 15 12 15Z"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</symbol>
<symbol id="play" viewBox="0 0 11 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.75001 2.12914C0.749322 1.88513 0.809349 1.64531 0.92393 1.43432C1.03851 1.22332 1.20352 1.04874 1.40201 0.928505C1.6005 0.808269 1.82533 0.746706 2.05341 0.750136C2.2815 0.753566 2.50462 0.821866 2.69987 0.948024L9.12272 5.06888C9.31394 5.19079 9.47227 5.36374 9.58223 5.57079C9.69219 5.77783 9.75 6.01187 9.75 6.25C9.75 6.48812 9.69219 6.72217 9.58223 6.92921C9.47227 7.13626 9.31394 7.3092 9.12272 7.43112L2.69987 11.552C2.50453 11.6782 2.28129 11.7465 2.05309 11.7499C1.8249 11.7532 1.59998 11.6916 1.40145 11.5712C1.20291 11.4508 1.03793 11.276 0.923441 11.0648C0.808953 10.8536 0.749093 10.6136 0.75001 10.3695V2.12914Z"
fill="white"
stroke="white"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</symbol>
<symbol id="t-blank" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M17 7H7V17M7 7L17 17"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</symbol>
<symbol xmlns="http://www.w3.org/2000/svg" id="pause" viewBox="0 0 24 24">
<path d="M6.5,0A3.5,3.5,0,0,0,3,3.5v17a3.5,3.5,0,0,0,7,0V3.5A3.5,3.5,0,0,0,6.5,0Z" />
<path d="M17.5,0A3.5,3.5,0,0,0,14,3.5v17a3.5,3.5,0,0,0,7,0V3.5A3.5,3.5,0,0,0,17.5,0Z" />
</symbol>
<symbol id="left" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 12L6 8L10 4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</symbol>
<symbol id="chevrons-left" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M7.33333 11.3332L4 7.99984L7.33333 4.6665M12 11.3332L8.66667 7.99984L12 4.6665"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</symbol>
<symbol id="chevrons-right" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M4 11.3332L7.33333 7.99984L4 4.6665M8.66667 11.3332L12 7.99984L8.66667 4.6665"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</symbol>
<symbol id="right" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 12L10 8L6 4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</symbol>
<symbol id="arrow-left" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M10.0001 4.16675L4.16675 10.0001L10.0001 15.8334M4.16675 10.0001H15.8334"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</symbol>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

506
src/assets/icons/portfolioP.svg Normal file
View File

@@ -0,0 +1,506 @@
<svg>
<symbol
id="about-arr"
viewBox="0 0 459 12"
preserveAspectRatio="none"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M0 5.7734L10 11.5469L10 -0.00010458L0 5.7734ZM459 5.77344L459 4.77344L9 4.7734L9 5.7734L9 6.7734L459 6.77344L459 5.77344Z"
fill="white"
fill-opacity="0.6"
/>
</symbol>
<symbol id="zap" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_f_96_1334)">
<path
d="M7.99999 18C7.81076 18.0007 7.62522 17.9476 7.46495 17.847C7.30467 17.7464 7.17623 17.6024 7.09454 17.4317C7.01286 17.261 6.98129 17.0706 7.00349 16.8827C7.0257 16.6948 7.10077 16.517 7.21999 16.37L17.12 6.17004C17.1943 6.08432 17.2955 6.0264 17.407 6.00577C17.5185 5.98515 17.6337 6.00305 17.7337 6.05654C17.8337 6.11004 17.9126 6.19594 17.9573 6.30015C18.0021 6.40436 18.0101 6.52069 17.98 6.63004L16.06 12.65C16.0034 12.8016 15.9844 12.9646 16.0046 13.125C16.0248 13.2855 16.0837 13.4387 16.1761 13.5715C16.2685 13.7042 16.3918 13.8126 16.5353 13.8872C16.6788 13.9618 16.8382 14.0006 17 14H24C24.1892 13.9994 24.3748 14.0525 24.535 14.1531C24.6953 14.2537 24.8238 14.3977 24.9054 14.5684C24.9871 14.7391 25.0187 14.9295 24.9965 15.1174C24.9743 15.3053 24.8992 15.4831 24.78 15.63L14.88 25.83C14.8057 25.9158 14.7045 25.9737 14.593 25.9943C14.4815 26.0149 14.3663 25.997 14.2663 25.9435C14.1663 25.89 14.0874 25.8041 14.0427 25.6999C13.9979 25.5957 13.9899 25.4794 14.02 25.37L15.94 19.35C15.9966 19.1985 16.0156 19.0355 15.9954 18.875C15.9752 18.7145 15.9163 18.5614 15.8239 18.4286C15.7315 18.2959 15.6082 18.1875 15.4647 18.1129C15.3212 18.0382 15.1617 17.9995 15 18H7.99999Z"
fill="#0274B3"
stroke="#0274B3"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</g>
<path
d="M7.99999 18C7.81076 18.0007 7.62522 17.9476 7.46495 17.847C7.30467 17.7464 7.17623 17.6024 7.09454 17.4317C7.01286 17.261 6.98129 17.0706 7.00349 16.8827C7.0257 16.6948 7.10077 16.517 7.21999 16.37L17.12 6.17004C17.1943 6.08432 17.2955 6.0264 17.407 6.00577C17.5185 5.98515 17.6337 6.00305 17.7337 6.05654C17.8337 6.11004 17.9126 6.19594 17.9573 6.30015C18.0021 6.40436 18.0101 6.52069 17.98 6.63004L16.06 12.65C16.0034 12.8016 15.9844 12.9646 16.0046 13.125C16.0248 13.2855 16.0837 13.4387 16.1761 13.5715C16.2685 13.7042 16.3918 13.8126 16.5353 13.8872C16.6788 13.9618 16.8382 14.0006 17 14H24C24.1892 13.9994 24.3748 14.0525 24.535 14.1531C24.6953 14.2537 24.8238 14.3977 24.9054 14.5684C24.9871 14.7391 25.0187 14.9295 24.9965 15.1174C24.9743 15.3053 24.8992 15.4831 24.78 15.63L14.88 25.83C14.8057 25.9158 14.7045 25.9737 14.593 25.9943C14.4815 26.0149 14.3663 25.997 14.2663 25.9435C14.1663 25.89 14.0874 25.8041 14.0427 25.6999C13.9979 25.5957 13.9899 25.4794 14.02 25.37L15.94 19.35C15.9966 19.1985 16.0156 19.0355 15.9954 18.875C15.9752 18.7145 15.9163 18.5614 15.8239 18.4286C15.7315 18.2959 15.6082 18.1875 15.4647 18.1129C15.3212 18.0382 15.1617 17.9995 15 18H7.99999Z"
fill="#0274B3"
stroke="#0274B3"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<defs>
<filter
id="filter0_f_96_1334"
x="0"
y="0"
width="32"
height="32"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_96_1334" />
</filter>
</defs>
</symbol>
<symbol id="star-off" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.34 12.34L6 13.27L11 18.14L9.82 25L16 21.77L22.18 25L21.59 21.57" fill="#C5D7EC" />
<path d="M22.42 16.76L26 13.27L19.09 12.27L16 6L14.56 8.91" fill="#C5D7EC" />
<path
d="M12.34 12.34L6 13.27L11 18.14L9.82 25L16 21.77L22.18 25L21.59 21.57M22.42 16.76L26 13.27L19.09 12.27L16 6L14.56 8.91M6 6L26 26"
stroke="#C5D7EC"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</symbol>
<symbol id="change-arr" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M7.2222 2.70837L3.61108 6.31949M3.61108 6.31949L7.2222 9.9306M3.61108 6.31949H18.0555M14.4444 18.9584L18.0555 15.3473M18.0555 15.3473L14.4444 11.7362M18.0555 15.3473H3.61108"
stroke="#0274B3"
stroke-width="1.35417"
stroke-linecap="round"
stroke-linejoin="round"
/>
</symbol>
<symbol
id="arrow-left"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 5L5 12L12 19M5 12H19"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</symbol>
<symbol id="down-arr" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 9L12 15L18 9"
stroke="#1A1A2E"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</symbol>
<symbol id="up-left-arr" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M17 7H7V17M7 7L17 17"
stroke="white"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</symbol>
<symbol
id="play-icon"
width="26"
height="26"
viewBox="0 0 32 32"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16.3335 29.3334C23.6973 29.3334 29.6668 23.3638 29.6668 16C29.6668 8.63622 23.6973 2.66669 16.3335 2.66669C8.96966 2.66669 3.00012 8.63622 3.00012 16C3.00012 23.3638 8.96966 29.3334 16.3335 29.3334Z"
fill="#0274B3"
/>
<path
d="M13 12.3374C12.9993 12.1007 13.0616 11.8682 13.1804 11.6636C13.2993 11.459 13.4705 11.2897 13.6764 11.1731C13.8823 11.0565 14.1155 10.9968 14.3521 11.0001C14.5887 11.0035 14.8201 11.0697 15.0227 11.192L21.6853 15.188C21.8837 15.3062 22.0479 15.474 22.162 15.6747C22.2761 15.8755 22.336 16.1024 22.336 16.3334C22.336 16.5643 22.2761 16.7912 22.162 16.992C22.0479 17.1928 21.8837 17.3605 21.6853 17.4787L15.0227 21.4747C14.82 21.5971 14.5885 21.6633 14.3517 21.6666C14.115 21.6699 13.8817 21.61 13.6758 21.4933C13.4698 21.3765 13.2987 21.2071 13.1799 21.0023C13.0612 20.7975 12.9991 20.5648 13 20.328V12.3374Z"
fill="white"
stroke="white"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</symbol>
<symbol
id="pause-icon"
width="26"
height="26"
viewBox="0 0 32 32"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16.3335 29C23.5132 29 29.3335 23.1797 29.3335 16C29.3335 8.8203 23.5132 3 16.3335 3C9.15379 3 3.3335 8.8203 3.3335 16C3.3335 23.1797 9.15379 29 16.3335 29Z"
fill="#0274B3"
/>
<path
d="M13.3334 20V12"
stroke="white"
stroke-width="2.66667"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M18.6666 20V12"
stroke="white"
stroke-width="2.66667"
stroke-linecap="round"
stroke-linejoin="round"
/>
</symbol>
<symbol
id="calender"
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6.66667 1.66675V5.00008M13.3333 1.66675V5.00008M2.5 8.33341H17.5M6.66667 11.6667H6.675M10 11.6667H10.0083M13.3333 11.6667H13.3417M6.66667 15.0001H6.675M10 15.0001H10.0083M13.3333 15.0001H13.3417M4.16667 3.33341H15.8333C16.7538 3.33341 17.5 4.07961 17.5 5.00008V16.6667C17.5 17.5872 16.7538 18.3334 15.8333 18.3334H4.16667C3.24619 18.3334 2.5 17.5872 2.5 16.6667V5.00008C2.5 4.07961 3.24619 3.33341 4.16667 3.33341Z"
stroke="#C5D7EC"
stroke-linecap="round"
stroke-linejoin="round"
/>
</symbol>
<symbol
id="user-icon"
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M1.66675 17.5C1.66684 16.4508 1.91458 15.4164 2.3898 14.481C2.86501 13.5456 3.5543 12.7356 4.4016 12.1168C5.2489 11.498 6.23028 11.088 7.26594 10.92C8.3016 10.752 9.36229 10.8308 10.3617 11.15M16.2501 11.9167L15.9167 12.6667M14.0834 17.3333L13.7501 18.0833M18.0834 16.25L17.3334 15.9167M12.6667 14.0833L11.9167 13.75M18.0834 13.75L17.3334 14.0833M12.6667 15.9167L11.9167 16.25M16.2501 18.0833L15.9167 17.3333M14.0834 12.6667L13.7501 11.9167M12.5001 6.66667C12.5001 8.96785 10.6346 10.8333 8.33341 10.8333C6.03223 10.8333 4.16675 8.96785 4.16675 6.66667C4.16675 4.36548 6.03223 2.5 8.33341 2.5C10.6346 2.5 12.5001 4.36548 12.5001 6.66667ZM17.5001 15C17.5001 16.3807 16.3808 17.5 15.0001 17.5C13.6194 17.5 12.5001 16.3807 12.5001 15C12.5001 13.6193 13.6194 12.5 15.0001 12.5C16.3808 12.5 17.5001 13.6193 17.5001 15Z"
stroke="#C5D7EC"
stroke-linecap="round"
stroke-linejoin="round"
/>
</symbol>
<symbol
id="scroll-icon"
width="21"
height="27"
viewBox="0 0 21 27"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
>
<g filter="url(#filter0_d_1212_791)">
<path
d="M10.3333 5.00008V8.33341M10.3333 1.66675C13.555 1.66675 16.1667 4.27842 16.1667 7.50008V12.5001C16.1667 15.7217 13.555 18.3334 10.3333 18.3334C7.11167 18.3334 4.5 15.7217 4.5 12.5001V7.50008C4.5 4.27842 7.11167 1.66675 10.3333 1.66675Z"
stroke="#ffffff"
stroke-linecap="round"
stroke-linejoin="round"
/>
</g>
<defs>
<filter
id="filter0_d_1212_791"
x="-3.66675"
y="0"
width="28"
height="28"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="4" />
<feGaussianBlur stdDeviation="2" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" />
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1212_791" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_1212_791"
result="shape"
/>
</filter>
</defs>
</symbol>
<symbol
id="scroll-arr"
width="10"
height="6"
viewBox="0 0 10 6"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M0.833252 0.833252L4.99992 4.99992L9.16659 0.833252"
stroke="currentColor"
stroke-opacity="0.6"
stroke-width="1.66667"
stroke-linecap="round"
stroke-linejoin="round"
/>
</symbol>
<symbol
id="nav-eye-icon"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M3 7V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H7M17 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V7M21 17V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H17M7 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V17M13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12ZM18.944 12.33C19.0187 12.1163 19.0187 11.8837 18.944 11.67C18.381 10.2904 17.4198 9.10982 16.1831 8.27876C14.9463 7.44771 13.49 7.00388 12 7.00388C10.51 7.00388 9.0537 7.44771 7.81694 8.27876C6.58019 9.10982 5.61901 10.2904 5.056 11.67C4.98131 11.8837 4.98131 12.1163 5.056 12.33C5.61901 13.7096 6.58019 14.8902 7.81694 15.7212C9.0537 16.5523 10.51 16.9961 12 16.9961C13.49 16.9961 14.9463 16.5523 16.1831 15.7212C17.4198 14.8902 18.381 13.7096 18.944 12.33Z"
stroke="#D0D0D0"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</symbol>
<symbol
id="nav-site"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M13 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V13M3 3L12 12M9 3H3V9"
stroke="#D0D0D0"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</symbol>
<symbol
id="phone-icon"
width="40"
height="40"
viewBox="0 0 40 40"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_1432_1172)">
<path
d="M19.9998 25.9998H20.0098M14.9998 9.99976H24.9998C26.1044 9.99976 26.9998 10.8952 26.9998 11.9998V27.9998C26.9998 29.1043 26.1044 29.9998 24.9998 29.9998H14.9998C13.8952 29.9998 12.9998 29.1043 12.9998 27.9998V11.9998C12.9998 10.8952 13.8952 9.99976 14.9998 9.99976Z"
stroke="white"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</g>
<rect x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="white" />
<defs>
<clipPath id="clip0_1432_1172">
<rect width="40" height="40" rx="20" fill="white" />
</clipPath>
</defs>
</symbol>
<symbol
id="descktop-icon-active"
width="40"
height="40"
viewBox="0 0 40 40"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_1432_1176)">
<circle cx="20" cy="20" r="20" fill="white" />
<path
d="M27.9998 23.9998V14.9998C27.9998 14.4693 27.7891 13.9606 27.4141 13.5855C27.039 13.2105 26.5303 12.9998 25.9998 12.9998H13.9998C13.4694 12.9998 12.9607 13.2105 12.5856 13.5855C12.2106 13.9606 11.9998 14.4693 11.9998 14.9998V23.9998M27.9998 23.9998H11.9998M27.9998 23.9998L29.2798 26.5498C29.3569 26.7027 29.3934 26.873 29.3858 27.0441C29.3782 27.2153 29.3268 27.3816 29.2365 27.5271C29.1461 27.6727 29.0199 27.7926 28.8699 27.8754C28.7199 27.9581 28.5511 28.001 28.3798 27.9998H11.6198C11.4485 28.001 11.2798 27.9581 11.1298 27.8754C10.9798 27.7926 10.8536 27.6727 10.7632 27.5271C10.6729 27.3816 10.6214 27.2153 10.6138 27.0441C10.6062 26.873 10.6427 26.7027 10.7198 26.5498L11.9998 23.9998"
stroke="#0274B3"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</g>
<defs>
<clipPath id="clip0_1432_1176">
<rect width="40" height="40" rx="20" fill="white" />
</clipPath>
</defs>
</symbol>
<symbol
id="close-circle"
width="40"
height="40"
viewBox="0 0 40 40"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M20 36.6666C29.2048 36.6666 36.6667 29.2047 36.6667 19.9999C36.6667 10.7952 29.2048 3.33325 20 3.33325C10.7953 3.33325 3.33334 10.7952 3.33334 19.9999C3.33334 29.2047 10.7953 36.6666 20 36.6666Z"
stroke="white"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M25 15L15 25"
stroke="white"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M15 15L25 25"
stroke="white"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</symbol>
<symbol
id="next-popup"
width="40"
height="47"
viewBox="0 0 40 47"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<foreignObject x="-10" y="-10" width="60" height="66.6667"
><div
xmlns="http://www.w3.org/1999/xhtml"
style="
backdrop-filter: blur(5px);
clip-path: url(#bgblur_0_333_3938_clip_path);
height: 100%;
width: 100%;
"
></div
></foreignObject>
<g data-figma-bg-blur-radius="10">
<path
d="M0 0H36.6667C38.5076 0 40 1.49238 40 3.33333V43.3333C40 45.1743 38.5076 46.6667 36.6667 46.6667H0V0Z"
fill="#C5D7EC"
fill-opacity="0.8"
/>
<path
d="M15.8333 31.6664L24.1667 23.3331L15.8333 14.9998"
stroke="#0274B3"
stroke-width="2.08333"
stroke-linecap="round"
stroke-linejoin="round"
/>
</g>
<defs>
<clipPath id="bgblur_0_333_3938_clip_path" transform="translate(10 10)">
<path
d="M0 0H36.6667C38.5076 0 40 1.49238 40 3.33333V43.3333C40 45.1743 38.5076 46.6667 36.6667 46.6667H0V0Z"
/>
</clipPath>
</defs>
</symbol>
<symbol
id="arr-popup"
width="8"
height="19"
viewBox="0 0 8 19"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M4.03556 0.146446C3.8403 -0.0488157 3.52372 -0.0488157 3.32845 0.146446L0.146473 3.32843C-0.0487895 3.52369 -0.0487895 3.84027 0.146473 4.03553C0.341735 4.2308 0.658317 4.2308 0.85358 4.03553L3.68201 1.20711L6.51043 4.03553C6.7057 4.2308 7.02228 4.2308 7.21754 4.03553C7.4128 3.84027 7.4128 3.52369 7.21754 3.32843L4.03556 0.146446ZM3.68201 8.5L4.18201 8.5L4.18201 0.5L3.68201 0.5L3.18201 0.5L3.18201 8.5L3.68201 8.5Z"
fill="white"
/>
<path
d="M4.03556 18.8536C3.8403 19.0488 3.52372 19.0488 3.32845 18.8536L0.146473 15.6716C-0.0487895 15.4763 -0.0487895 15.1597 0.146473 14.9645C0.341735 14.7692 0.658317 14.7692 0.85358 14.9645L3.68201 17.7929L6.51043 14.9645C6.7057 14.7692 7.02228 14.7692 7.21754 14.9645C7.4128 15.1597 7.4128 15.4763 7.21754 15.6716L4.03556 18.8536ZM3.68201 10.5L4.18201 10.5L4.18201 18.5L3.68201 18.5L3.18201 18.5L3.18201 10.5L3.68201 10.5Z"
fill="white"
/>
</symbol>
<symbol
id="descktop-icon"
width="40"
height="40"
viewBox="0 0 40 40"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_1440_1241)">
<path
d="M27.9999 23.9998V14.9998C27.9999 14.4693 27.7892 13.9606 27.4141 13.5855C27.039 13.2105 26.5303 12.9998 25.9999 12.9998H13.9999C13.4695 12.9998 12.9608 13.2105 12.5857 13.5855C12.2106 13.9606 11.9999 14.4693 11.9999 14.9998V23.9998M27.9999 23.9998H11.9999M27.9999 23.9998L29.2799 26.5498C29.357 26.7027 29.3935 26.873 29.3859 27.0441C29.3783 27.2153 29.3269 27.3816 29.2365 27.5271C29.1462 27.6727 29.02 27.7926 28.87 27.8754C28.72 27.9581 28.5512 28.001 28.3799 27.9998H11.6199C11.4486 28.001 11.2798 27.9581 11.1298 27.8754C10.9798 27.7926 10.8536 27.6727 10.7633 27.5271C10.6729 27.3816 10.6215 27.2153 10.6139 27.0441C10.6063 26.873 10.6428 26.7027 10.7199 26.5498L11.9999 23.9998"
stroke="white"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</g>
<rect x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="white" />
<defs>
<clipPath id="clip0_1440_1241">
<rect width="40" height="40" rx="20" fill="white" />
</clipPath>
</defs>
</symbol>
<symbol
id="phone-icon-active"
width="40"
height="40"
viewBox="0 0 40 40"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_1440_1236)">
<circle cx="20" cy="20" r="20" fill="white" />
<path
d="M19.9999 25.9998H20.0099M14.9999 9.99976H24.9999C26.1044 9.99976 26.9999 10.8952 26.9999 11.9998V27.9998C26.9999 29.1043 26.1044 29.9998 24.9999 29.9998H14.9999C13.8953 29.9998 12.9999 29.1043 12.9999 27.9998V11.9998C12.9999 10.8952 13.8953 9.99976 14.9999 9.99976Z"
stroke="#0274B3"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</g>
<rect x="0.5" y="0.5" width="39" height="39" rx="19.5" stroke="white" />
<defs>
<clipPath id="clip0_1440_1236">
<rect width="40" height="40" rx="20" fill="white" />
</clipPath>
</defs>
</symbol>
<symbol
id="rotate-phone"
width="48"
height="48"
viewBox="0 0 48 48"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_344_4272)">
<path
d="M6 23.0002C6 23.5532 5.553 24.0002 5 24.0002C4.447 24.0002 4 23.5532 4 23.0002C4 12.5232 12.524 4.00025 23 4.00025C23.198 4.00025 23.398 4.00525 23.599 4.01325L21.293 1.70725C20.902 1.31625 20.902 0.68425 21.293 0.29325C21.684 -0.09775 22.316 -0.09775 22.707 0.29325L26.707 4.29325C27.098 4.68425 27.098 5.31625 26.707 5.70725L22.707 9.70725C22.316 10.0982 21.684 10.0982 21.293 9.70725C20.902 9.31625 20.902 8.68425 21.293 8.29325L23.573 6.01325C23.38 6.00525 23.189 6.00025 23 6.00025C13.626 6.00025 6 13.6263 6 23.0002ZM44 25.0002C44 24.4473 43.553 24.0002 43 24.0002C42.447 24.0002 42 24.4473 42 25.0002C42 34.3742 34.374 42.0003 25 42.0003C24.811 42.0003 24.62 41.9953 24.427 41.9873L26.707 39.7073C27.098 39.3163 27.098 38.6842 26.707 38.2933C26.316 37.9023 25.684 37.9023 25.293 38.2933L21.293 42.2933C20.902 42.6842 20.902 43.3163 21.293 43.7073L25.293 47.7073C25.684 48.0983 26.316 48.0983 26.707 47.7073C27.098 47.3163 27.098 46.6842 26.707 46.2933L24.387 43.9733C24.591 43.9813 24.804 44.0003 25 44.0003C35.477 44.0003 44 35.4772 44 25.0002ZM38.707 20.7073L20.707 38.7073C20.316 39.0983 19.684 39.0983 19.293 38.7073L9.293 28.7073C8.902 28.3162 8.902 27.6842 9.293 27.2932L27.293 9.29325C27.684 8.90225 28.316 8.90225 28.707 9.29325L38.707 19.2932C39.098 19.6842 39.098 20.3162 38.707 20.7073ZM36.586 20.0002L28 11.4142L11.414 28.0002L20 36.5863L36.586 20.0002Z"
fill="white"
/>
</g>
<defs>
<clipPath id="clip0_344_4272">
<rect width="48" height="48" fill="white" />
</clipPath>
</defs>
</symbol>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

0
src/assets/images/.gitkeep Normal file
View File

BIN
src/assets/images/1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 253 KiB

BIN
src/assets/images/2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 199 KiB

BIN
src/assets/images/3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 454 KiB

BIN
src/assets/images/4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 492 KiB

BIN
src/assets/images/5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 310 KiB

BIN
src/assets/images/6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 254 KiB

BIN
src/assets/images/devidermedia.mp4 Normal file
View File

Binary file not shown.

BIN
src/assets/images/devidermedia.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 225 KiB

BIN
src/assets/images/gallery-img.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
src/assets/images/gallery-thumbnail.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 67 KiB

BIN
src/assets/images/high.mp4 Normal file
View File

Binary file not shown.

0
src/assets/js/portfolio-gallery.js Normal file
View File

1403
src/assets/js/portfolio.js Normal file
View File

File diff suppressed because it is too large Load Diff

0
src/components/.gitkeep Normal file
View File

BIN
src/core/fonts/yekanbakhpro/woff/YekanBakhFaNum-Black.woff Normal file
View File

Binary file not shown.

BIN
src/core/fonts/yekanbakhpro/woff/YekanBakhFaNum-Bold.woff Normal file
View File

Binary file not shown.

BIN
src/core/fonts/yekanbakhpro/woff/YekanBakhFaNum-ExtraBlack.woff Normal file
View File

Binary file not shown.

BIN
src/core/fonts/yekanbakhpro/woff/YekanBakhFaNum-ExtraBold.woff Normal file
View File

Binary file not shown.

BIN
src/core/fonts/yekanbakhpro/woff/YekanBakhFaNum-Light.woff Normal file
View File

Binary file not shown.

BIN
src/core/fonts/yekanbakhpro/woff/YekanBakhFaNum-Regular.woff Normal file
View File

Binary file not shown.

BIN
src/core/fonts/yekanbakhpro/woff/YekanBakhFaNum-SemiBold.woff Normal file
View File

Binary file not shown.

BIN
src/core/fonts/yekanbakhpro/woff/YekanBakhFaNum-Thin.woff Normal file
View File

Binary file not shown.

BIN
src/core/fonts/yekanbakhpro/woff2/YekanBakhFaNum-Black.woff2 Normal file
View File

Binary file not shown.

BIN
src/core/fonts/yekanbakhpro/woff2/YekanBakhFaNum-Bold.woff2 Normal file
View File

Binary file not shown.

BIN
src/core/fonts/yekanbakhpro/woff2/YekanBakhFaNum-ExtraBlack.woff2 Normal file
View File

Binary file not shown.

BIN
src/core/fonts/yekanbakhpro/woff2/YekanBakhFaNum-ExtraBold.woff2 Normal file
View File

Binary file not shown.

BIN
src/core/fonts/yekanbakhpro/woff2/YekanBakhFaNum-Light.woff2 Normal file
View File

Binary file not shown.

BIN
src/core/fonts/yekanbakhpro/woff2/YekanBakhFaNum-Regular.woff2 Normal file
View File

Binary file not shown.

BIN
src/core/fonts/yekanbakhpro/woff2/YekanBakhFaNum-SemiBold.woff2 Normal file
View File

Binary file not shown.

BIN
src/core/fonts/yekanbakhpro/woff2/YekanBakhFaNum-Thin.woff2 Normal file
View File

Binary file not shown.

0
src/core/javascript/core.js Normal file
View File

232
src/core/stylesheet/core.css Normal file
View File

@@ -0,0 +1,232 @@
@font-face {
font-family: Yekan Bakh FaNum;
font-style: normal;
font-weight: 100;
src:
url('../fonts/yekanbakhpro/woff/YekanBakhFaNum-thin.woff') format('woff'),
url('../fonts/yekanbakhpro/woff2/YekanBakhFaNum-thin.woff2') format('woff2');
}
@font-face {
font-family: Yekan Bakh FaNum;
font-style: normal;
font-weight: 300;
src:
url('../fonts/yekanbakhpro/woff/YekanBakhFaNum-Light.woff') format('woff'),
url('../fonts/yekanbakhpro/woff2/YekanBakhFaNum-Light.woff2') format('woff2');
}
@font-face {
font-family: Yekan Bakh FaNum;
font-style: normal;
font-weight: normal;
src:
url('../fonts/yekanbakhpro/woff/YekanBakhFaNum-Regular.woff') format('woff'),
url('../fonts/yekanbakhpro/woff2/YekanBakhFaNum-Regular.woff2') format('woff2');
}
@font-face {
font-family: Yekan Bakh FaNum;
font-style: normal;
font-weight: 600;
src:
url('../fonts/yekanbakhpro/woff/YekanBakhFaNum-SemiBold.woff') format('woff'),
url('../fonts/yekanbakhpro/woff2/YekanBakhFaNum-SemiBold.woff2') format('woff2');
}
@font-face {
font-family: Yekan Bakh FaNum;
font-style: normal;
font-weight: bold;
src:
url('../fonts/yekanbakhpro/woff/YekanBakhFaNum-Bold.woff') format('woff'),
url('../fonts/yekanbakhpro/woff2/YekanBakhFaNum-Bold.woff2') format('woff2');
}
@font-face {
font-family: Yekan Bakh FaNum;
font-style: normal;
font-weight: 800;
src:
url('../fonts/yekanbakhpro/woff/Yekan Bakh FaNum-ExtraBold.woff') format('woff'),
url('../fonts/yekanbakhpro/woff2/Yekan Bakh FaNum-ExtraBold.woff2') format('woff2');
}
@font-face {
font-family: Yekan Bakh FaNum;
font-style: normal;
font-weight: 900;
src:
url('../fonts/yekanbakhpro/woff/Yekan Bakh FaNum-Black.woff') format('woff'),
url('../fonts/yekanbakhpro/woff2/Yekan Bakh FaNum-Black.woff2') format('woff2');
}
@font-face {
font-family: Yekan Bakh FaNum;
font-style: normal;
font-weight: 950;
src:
url('../fonts/yekanbakhpro/woff/Yekan Bakh FaNum-ExtraBlack.woff') format('woff'),
url('../fonts/yekanbakhpro/woff2/Yekan Bakh FaNum-ExtraBlack.woff2') format('woff2');
}
:root {
--color-primary: #0274b3;
--color-title: #1a1a2e;
--color-text: #505068;
--color-body-text: #6a6a6a;
--bg-gray: #f9f9f9;
--color-pastel-main: #c5d7ec;
--blue-50: #eaf7ff;
--blue-100: #c5eaff;
--blue-150: #a1ddff;
--blue-200: #7cd0ff;
--blue-300: #57c3ff;
--blue-400: #32b6ff;
--blue-500: #1796dc;
--blue-600: #0274b3; /* همان primary */
--blue-700: #00598a;
--blue-800: #003f61;
/* Breakpoints */
/* --breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--breakpoint-xxl: 1400px; */
}
* {
margin: 0;
padding: 0;
direction: rtl;
box-sizing: border-box;
font-family: 'Yekan Bakh FaNum', sans-serif;
font-weight: normal;
}
html {
scroll-behavior: smooth;
/* scrollbar-gutter: stable; */
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: bold;
line-height: 1.5;
color: var(--color-title);
}
h1 {
font-size: 36px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 15px;
}
p {
line-height: 1.75;
font-size: 15px;
color: var(--color-text);
}
a {
text-decoration: none;
line-height: 1.75;
color: var(--blue-500);
}
div,
span,
button,
a,
li {
line-height: inherit;
}
i {
font-style: normal;
}
/* برای Chrome، Edge و Safari */
@media (max-width: 767px) {
h1 {
font-size: 24px;
}
h2 {
font-size: 22px;
}
h3 {
font-size: 18px;
}
h4 {
font-size: 16px;
}
h5 {
font-size: 14px;
}
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
*::-webkit-scrollbar {
width: 10px;
}
*::-webkit-scrollbar-track {
background: #fff;
}
*::-webkit-scrollbar-thumb {
background-color: var(--color-primary);
border-radius: 10px;
border: 3px solid #fff;
}
}
/* برای Firefox */
@-moz-document url-prefix() {
* {
scrollbar-width: thin;
scrollbar-color: var(--color-primary) #fff;
}
}
::selection {
background: var(--color-primary);
color: #fff;
}
/* Hide number arrows */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type='number'] {
-moz-appearance: textfield;
}
button {
border: none;
outline: none;
background: none;
cursor: pointer;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}

3
src/img/Star 2.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="96" height="98" viewBox="0 0 96 98" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.5" d="M59.8075 3.67463e-05L61.1739 34.7695L95.9694 34.5299L66.5414 53.0981L84.1466 83.112L53.3521 66.9107L36.1619 97.1643L34.7954 62.3948L-7.45984e-05 62.6344L29.4279 44.0662L11.8227 14.0523L42.6172 30.2536L59.8075 3.67463e-05Z" fill="#CDE1FA"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 366 B

9
src/img/chair.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 616 KiB

3876
src/img/dot-pattrn.svg Normal file
View File

File diff suppressed because it is too large Load Diff
Side by Side

After

Width:  |  Height:  |  Size: 881 KiB

62
src/img/line-pattern.svg Normal file
View File

@@ -0,0 +1,62 @@
<svg width="792" height="318" viewBox="0 0 792 318" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M575.944 -44L792 317.411L788.286 318L572.23 -43.4113L575.944 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M565.141 -44L781.197 317.411L777.484 318L561.428 -43.4113L565.141 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M554.339 -44L770.395 317.411L766.681 318L550.625 -43.4113L554.339 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M543.536 -44L759.592 317.411L755.878 318L539.822 -43.4113L543.536 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M532.733 -44L748.789 317.411L745.076 318L529.02 -43.4113L532.733 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M521.93 -44L737.986 317.411L734.273 318L518.217 -43.4113L521.93 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M511.128 -44L727.184 317.411L723.47 318L507.414 -43.4113L511.128 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M500.325 -44L716.381 317.411L712.667 318L496.611 -43.4113L500.325 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M489.522 -44L705.578 317.411L701.865 318L485.809 -43.4113L489.522 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M478.719 -44L694.776 317.411L691.062 318L475.006 -43.4113L478.719 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M467.917 -44L683.973 317.411L680.259 318L464.203 -43.4113L467.917 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M457.114 -44L673.17 317.411L669.457 318L453.401 -43.4113L457.114 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M446.311 -44L662.367 317.411L658.654 318L442.598 -43.4113L446.311 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M435.509 -44L651.565 317.411L647.851 318L431.795 -43.4113L435.509 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M424.706 -44L640.762 317.411L637.048 318L420.992 -43.4113L424.706 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M413.903 -44L629.959 317.411L626.246 318L410.19 -43.4113L413.903 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M403.1 -44L619.156 317.411L615.443 318L399.387 -43.4113L403.1 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M392.298 -44L608.354 317.411L604.64 318L388.584 -43.4113L392.298 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M381.495 -44L597.551 317.411L593.838 318L377.781 -43.4113L381.495 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M370.692 -44L586.748 317.411L583.035 318L366.979 -43.4113L370.692 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M359.89 -44L575.946 317.411L572.232 318L356.176 -43.4113L359.89 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M349.087 -44L565.143 317.411L561.429 318L345.373 -43.4113L349.087 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M337.84 -44L553.896 317.411L550.183 318L334.127 -43.4113L337.84 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M326.594 -44L542.65 317.411L538.936 318L322.88 -43.4113L326.594 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M315.347 -44L531.403 317.411L527.689 318L311.633 -43.4113L315.347 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M304.1 -44L520.156 317.411L516.443 318L300.387 -43.4113L304.1 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M292.854 -44L508.91 317.411L505.196 318L289.14 -43.4113L292.854 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M281.607 -44L497.663 317.411L493.949 318L277.893 -43.4113L281.607 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M270.36 -44L486.416 317.411L482.703 318L266.647 -43.4113L270.36 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M259.113 -44L475.17 317.411L471.456 318L255.4 -43.4113L259.113 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M247.867 -44L463.923 317.411L460.209 318L244.153 -43.4113L247.867 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M236.62 -44L452.676 317.411L448.963 318L232.907 -43.4113L236.62 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M225.374 -44L441.43 317.411L437.716 318L221.66 -43.4113L225.374 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M214.127 -44L430.183 317.411L426.469 318L210.413 -43.4113L214.127 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M202.88 -44L418.936 317.411L415.223 318L199.167 -43.4113L202.88 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M191.634 -44L407.69 317.411L403.976 318L187.92 -43.4113L191.634 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M180.387 -44L396.443 317.411L392.729 318L176.673 -43.4113L180.387 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M169.14 -44L385.196 317.411L381.483 318L165.427 -43.4113L169.14 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M157.893 -44L373.95 317.411L370.236 318L154.18 -43.4113L157.893 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M146.647 -44L362.703 317.411L358.989 318L142.933 -43.4113L146.647 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M135.4 -44L351.456 317.411L347.743 318L131.687 -43.4113L135.4 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M124.154 -44L340.21 317.411L336.496 318L120.44 -43.4113L124.154 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M112.907 -44L328.963 317.411L325.249 318L109.193 -43.4113L112.907 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M101.66 -44L317.716 317.411L314.003 318L97.9467 -43.4113L101.66 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M90.4135 -44L306.47 317.411L302.756 318L86.7 -43.4113L90.4135 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M79.1669 -44L295.223 317.411L291.509 318L75.4533 -43.4113L79.1669 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M67.9202 -44L283.976 317.411L280.263 318L64.2067 -43.4113L67.9202 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M56.6735 -44L272.73 317.411L269.016 318L52.96 -43.4113L56.6735 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M45.4268 -44L261.483 317.411L257.769 318L41.7133 -43.4113L45.4268 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M34.1802 -44L250.236 317.411L246.523 318L30.4667 -43.4113L34.1802 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M22.9335 -44L238.99 317.411L235.276 318L19.22 -43.4113L22.9335 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M11.6869 -44L227.743 317.411L224.029 318L7.97336 -43.4113L11.6869 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M0.440155 -44L216.496 317.411L212.783 318L-3.27336 -43.4113L0.440155 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M-10.8065 -44L205.25 317.411L201.536 318L-14.52 -43.4113L-10.8065 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M-22.0532 -44L194.003 317.411L190.289 318L-25.7667 -43.4113L-22.0532 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M-33.2998 -44L182.756 317.411L179.043 318L-37.0133 -43.4113L-33.2998 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M-44.5465 -44L171.51 317.411L167.796 318L-48.26 -43.4113L-44.5465 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M-55.7932 -44L160.263 317.411L156.549 318L-59.5067 -43.4113L-55.7932 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M-67.0398 -44L149.016 317.411L145.303 318L-70.7533 -43.4113L-67.0398 -44Z" fill="white" fill-opacity="0.08"/>
<path d="M-78.2865 -44L137.77 317.411L134.056 318L-82 -43.4113L-78.2865 -44Z" fill="white" fill-opacity="0.08"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.9 KiB

17
src/img/massage-send.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

9
src/img/overlay.svg Normal file
View File

@@ -0,0 +1,9 @@
<svg width="390" height="292" viewBox="0 0 390 292" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="390" height="292" rx="10" fill="url(#paint0_linear_26_4181)" fill-opacity="0.8"/>
<defs>
<linearGradient id="paint0_linear_26_4181" x1="195" y1="0" x2="195" y2="292" gradientUnits="userSpaceOnUse">
<stop stop-color="#00141F" stop-opacity="0"/>
<stop offset="1" stop-color="#00141F"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 430 B

4
src/img/playicon.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.3335 29.3334C23.6973 29.3334 29.6668 23.3638 29.6668 16C29.6668 8.63622 23.6973 2.66669 16.3335 2.66669C8.96966 2.66669 3.00012 8.63622 3.00012 16C3.00012 23.3638 8.96966 29.3334 16.3335 29.3334Z" fill="#0274B3"/>
<path d="M13 12.3374C12.9993 12.1007 13.0616 11.8682 13.1804 11.6636C13.2993 11.459 13.4705 11.2897 13.6764 11.1731C13.8823 11.0565 14.1155 10.9968 14.3521 11.0001C14.5887 11.0035 14.8201 11.0697 15.0227 11.192L21.6853 15.188C21.8837 15.3062 22.0479 15.474 22.162 15.6747C22.2761 15.8755 22.336 16.1024 22.336 16.3334C22.336 16.5643 22.2761 16.7912 22.162 16.992C22.0479 17.1928 21.8837 17.3605 21.6853 17.4787L15.0227 21.4747C14.82 21.5971 14.5885 21.6633 14.3517 21.6666C14.115 21.6699 13.8817 21.61 13.6758 21.4933C13.4698 21.3765 13.2987 21.2071 13.1799 21.0023C13.0612 20.7975 12.9991 20.5648 13 20.328V12.3374Z" fill="white" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

25
src/img/puse-icon.svg Normal file
View File

@@ -0,0 +1,25 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.0335 16C2.6469 16 2.33167 15.6864 2.35099 15.3003C2.4298 13.7254 2.77411 12.1751 3.36937 10.715C3.51531 10.357 3.93365 10.2063 4.28391 10.37C4.63416 10.5336 4.78349 10.9496 4.63954 11.3084C4.12861 12.5819 3.82913 13.9303 3.75294 15.3004C3.73147 15.6864 3.4201 16 3.0335 16Z" fill="white"/>
<path d="M3.0335 16C2.6469 16 2.33167 15.6864 2.35099 15.3003C2.4298 13.7254 2.77411 12.1751 3.36937 10.715C3.51531 10.357 3.93365 10.2063 4.28391 10.37C4.63416 10.5336 4.78349 10.9496 4.63954 11.3084C4.12861 12.5819 3.82913 13.9303 3.75294 15.3004C3.73147 15.6864 3.4201 16 3.0335 16Z" fill="white"/>
<path d="M3.0335 16C2.6469 16 2.33167 15.6864 2.35099 15.3003C2.4298 13.7254 2.77411 12.1751 3.36937 10.715C3.51531 10.357 3.93365 10.2063 4.28391 10.37C4.63416 10.5336 4.78349 10.9496 4.63954 11.3084C4.12861 12.5819 3.82913 13.9303 3.75294 15.3004C3.73147 15.6864 3.4201 16 3.0335 16Z" fill="white"/>
<path d="M3.0335 16C2.6469 16 2.33167 15.6864 2.35099 15.3003C2.4298 13.7254 2.77411 12.1751 3.36937 10.715C3.51531 10.357 3.93365 10.2063 4.28391 10.37C4.63416 10.5336 4.78349 10.9496 4.63954 11.3084C4.12861 12.5819 3.82913 13.9303 3.75294 15.3004C3.73147 15.6864 3.4201 16 3.0335 16Z" fill="white"/>
<path d="M3.0335 16C2.6469 16 2.33167 15.6864 2.35099 15.3003C2.4298 13.7254 2.77411 12.1751 3.36937 10.715C3.51531 10.357 3.93365 10.2063 4.28391 10.37C4.63416 10.5336 4.78349 10.9496 4.63954 11.3084C4.12861 12.5819 3.82913 13.9303 3.75294 15.3004C3.73147 15.6864 3.4201 16 3.0335 16Z" fill="white"/>
<path d="M3.0335 16C2.6469 16 2.33167 15.6864 2.35099 15.3003C2.4298 13.7254 2.77411 12.1751 3.36937 10.715C3.51531 10.357 3.93365 10.2063 4.28391 10.37C4.63416 10.5336 4.78349 10.9496 4.63954 11.3084C4.12861 12.5819 3.82913 13.9303 3.75294 15.3004C3.73147 15.6864 3.4201 16 3.0335 16Z" fill="white"/>
<path d="M3.0335 16C2.6469 16 2.33167 15.6864 2.35099 15.3003C2.4298 13.7254 2.77411 12.1751 3.36937 10.715C3.51531 10.357 3.93365 10.2063 4.28391 10.37C4.63416 10.5336 4.78349 10.9496 4.63954 11.3084C4.12861 12.5819 3.82913 13.9303 3.75294 15.3004C3.73147 15.6864 3.4201 16 3.0335 16Z" fill="white"/>
<path d="M3.0335 16C2.6469 16 2.33167 15.6864 2.35099 15.3003C2.4298 13.7254 2.77411 12.1751 3.36937 10.715C3.51531 10.357 3.93365 10.2063 4.28391 10.37C4.63416 10.5336 4.78349 10.9496 4.63954 11.3084C4.12861 12.5819 3.82913 13.9303 3.75294 15.3004C3.73147 15.6864 3.4201 16 3.0335 16Z" fill="white"/>
<path d="M3.0335 16C2.6469 16 2.33167 15.6864 2.35099 15.3003C2.4298 13.7254 2.77411 12.1751 3.36937 10.715C3.51531 10.357 3.93365 10.2063 4.28391 10.37C4.63416 10.5336 4.78349 10.9496 4.63954 11.3084C4.12861 12.5819 3.82913 13.9303 3.75294 15.3004C3.73147 15.6864 3.4201 16 3.0335 16Z" fill="white"/>
<path d="M3.0335 16C2.6469 16 2.33167 15.6864 2.35099 15.3003C2.4298 13.7254 2.77411 12.1751 3.36937 10.715C3.51531 10.357 3.93365 10.2063 4.28391 10.37C4.63416 10.5336 4.78349 10.9496 4.63954 11.3084C4.12861 12.5819 3.82913 13.9303 3.75294 15.3004C3.73147 15.6864 3.4201 16 3.0335 16Z" fill="white"/>
<path d="M3.0335 16C2.6469 16 2.33167 15.6864 2.35099 15.3003C2.4298 13.7254 2.77411 12.1751 3.36937 10.715C3.51531 10.357 3.93365 10.2063 4.28391 10.37C4.63416 10.5336 4.78349 10.9496 4.63954 11.3084C4.12861 12.5819 3.82913 13.9303 3.75294 15.3004C3.73147 15.6864 3.4201 16 3.0335 16Z" fill="white"/>
<path d="M3.0335 16C2.6469 16 2.33167 15.6864 2.35099 15.3003C2.4298 13.7254 2.77411 12.1751 3.36937 10.715C3.51531 10.357 3.93365 10.2063 4.28391 10.37C4.63416 10.5336 4.78349 10.9496 4.63954 11.3084C4.12861 12.5819 3.82913 13.9303 3.75294 15.3004C3.73147 15.6864 3.4201 16 3.0335 16Z" fill="white"/>
<path d="M3.0335 16C2.6469 16 2.33167 15.6864 2.35099 15.3003C2.4298 13.7254 2.77411 12.1751 3.36937 10.715C3.51531 10.357 3.93365 10.2063 4.28391 10.37C4.63416 10.5336 4.78349 10.9496 4.63954 11.3084C4.12861 12.5819 3.82913 13.9303 3.75294 15.3004C3.73147 15.6864 3.4201 16 3.0335 16Z" fill="white"/>
<path d="M3.0335 16C2.6469 16 2.33167 15.6864 2.35099 15.3003C2.4298 13.7254 2.77411 12.1751 3.36937 10.715C3.51531 10.357 3.93365 10.2063 4.28391 10.37C4.63416 10.5336 4.78349 10.9496 4.63954 11.3084C4.12861 12.5819 3.82913 13.9303 3.75294 15.3004C3.73147 15.6864 3.4201 16 3.0335 16Z" fill="white"/>
<path d="M3.0335 16C2.6469 16 2.33167 15.6864 2.35099 15.3003C2.4298 13.7254 2.77411 12.1751 3.36937 10.715C3.51531 10.357 3.93365 10.2063 4.28391 10.37C4.63416 10.5336 4.78349 10.9496 4.63954 11.3084C4.12861 12.5819 3.82913 13.9303 3.75294 15.3004C3.73147 15.6864 3.4201 16 3.0335 16Z" fill="white"/>
<path d="M3.0335 16C2.6469 16 2.33167 15.6864 2.35099 15.3003C2.4298 13.7254 2.77411 12.1751 3.36937 10.715C3.51531 10.357 3.93365 10.2063 4.28391 10.37C4.63416 10.5336 4.78349 10.9496 4.63954 11.3084C4.12861 12.5819 3.82913 13.9303 3.75294 15.3004C3.73147 15.6864 3.4201 16 3.0335 16Z" fill="white"/>
<path d="M3.0335 16C2.6469 16 2.33167 15.6864 2.35099 15.3003C2.4298 13.7254 2.77411 12.1751 3.36937 10.715C3.51531 10.357 3.93365 10.2063 4.28391 10.37C4.63416 10.5336 4.78349 10.9496 4.63954 11.3084C4.12861 12.5819 3.82913 13.9303 3.75294 15.3004C3.73147 15.6864 3.4201 16 3.0335 16Z" fill="white"/>
<path d="M3.0335 16C2.6469 16 2.33167 15.6864 2.35099 15.3003C2.4298 13.7254 2.77411 12.1751 3.36937 10.715C3.51531 10.357 3.93365 10.2063 4.28391 10.37C4.63416 10.5336 4.78349 10.9496 4.63954 11.3084C4.12861 12.5819 3.82913 13.9303 3.75294 15.3004C3.73147 15.6864 3.4201 16 3.0335 16Z" fill="white"/>
<path d="M3.0335 16C2.6469 16 2.33167 15.6864 2.35099 15.3003C2.4298 13.7254 2.77411 12.1751 3.36937 10.715C3.51531 10.357 3.93365 10.2063 4.28391 10.37C4.63416 10.5336 4.78349 10.9496 4.63954 11.3084C4.12861 12.5819 3.82913 13.9303 3.75294 15.3004C3.73147 15.6864 3.4201 16 3.0335 16Z" fill="white"/>
<path d="M3.0335 16C2.6469 16 2.33167 15.6864 2.35099 15.3003C2.4298 13.7254 2.77411 12.1751 3.36937 10.715C3.51531 10.357 3.93365 10.2063 4.28391 10.37C4.63416 10.5336 4.78349 10.9496 4.63954 11.3084C4.12861 12.5819 3.82913 13.9303 3.75294 15.3004C3.73147 15.6864 3.4201 16 3.0335 16Z" fill="white"/>
<path d="M16.3335 29C23.5132 29 29.3335 23.1797 29.3335 16C29.3335 8.8203 23.5132 3 16.3335 3C9.15379 3 3.3335 8.8203 3.3335 16C3.3335 23.1797 9.15379 29 16.3335 29Z" fill="#0274B3"/>
<path d="M13.3333 20V12" stroke="white" stroke-width="2.66667" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M18.6667 20V12" stroke="white" stroke-width="2.66667" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

0
src/templates/.gitkeep Normal file
View File