pull/2/head
dev2 siliconpin 2024-06-29 16:13:35 +00:00
parent 5abf9a244b
commit 43ae68b359
59 changed files with 1335 additions and 140 deletions

BIN
public/assets/poster.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 194 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 339 KiB

BIN
public/img/curri.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 161 KiB

BIN
public/img/ev1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

BIN
public/img/ev2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

BIN
public/img/ev3.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

BIN
public/img/ev4.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

BIN
public/img/ev5.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

BIN
public/img/ev6.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 780 KiB

BIN
public/img/faq1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 293 KiB

BIN
public/img/logo(202).png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

BIN
public/img/parent.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 MiB

BIN
public/img/school 7.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

BIN
public/img/school-bus.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 238 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 640 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 621 KiB

BIN
public/img/school.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 132 KiB

BIN
public/img/school10.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 69 KiB

BIN
public/img/school5.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB

BIN
public/img/school56.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 407 KiB

BIN
public/img/school6.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

BIN
public/img/school8.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 69 KiB

BIN
public/img/school9.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

View File

@ -0,0 +1 @@
<svg fill="#3084b5" height="64px" width="64px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 481.882 481.882" xml:space="preserve" stroke="#3084b5"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <g> <path d="M465.92,404.706h-6.626V23.115C459.294,10.391,448.904,0,436.179,0c-12.725,0-23.04,10.391-23.04,23.115v53.835h-31.774 c-3.539-17.092-18.673-29.967-36.744-29.967c-18.673,0-34.108,13.854-36.894,31.774c-2.786-17.92-18.146-31.774-36.894-31.774 c-18.673,0-34.108,13.854-36.894,31.774c-2.786-17.92-18.146-31.774-36.894-31.774c-18.673,0-34.108,13.854-36.894,31.774 c-2.711-17.92-18.146-31.774-36.894-31.774c-18.071,0-33.205,12.875-36.668,29.967H68.819V23.115C68.819,10.391,58.428,0,45.704,0 c-12.725,0-23.04,10.391-23.04,23.115v381.591h-6.626C7.078,404.706,0,410.88,0,418.635v55.718c0,4.141,3.388,7.529,7.529,7.529 h466.823c4.216,0,7.529-3.388,7.529-7.529v-55.718C481.882,410.88,474.88,404.706,465.92,404.706z M413.139,404.706H68.819 v-52.028h17.769c3.464,17.092,18.598,29.967,36.668,29.967c18.748,0,34.184-13.854,36.894-31.849 c2.786,17.995,18.221,31.849,36.894,31.849c18.748,0,34.108-13.854,36.894-31.774c2.786,17.92,18.221,31.774,36.894,31.774 c18.748,0,34.108-13.854,36.894-31.774c2.786,17.92,18.221,31.774,36.894,31.774c18.071,0,33.205-12.875,36.744-29.967h31.774 V404.706z M413.139,337.619h-31.774c-3.539-17.092-18.673-29.967-36.744-29.967c-18.673,0-34.108,13.854-36.894,31.774 c-2.786-17.92-18.146-31.774-36.894-31.774c-18.673,0-34.108,13.854-36.894,31.774c-2.786-17.92-18.146-31.774-36.894-31.774 c-18.673,0-34.108,13.854-36.894,31.849c-2.711-17.995-18.146-31.849-36.894-31.849c-18.071,0-33.205,12.875-36.668,29.967H68.819 v-71.831h17.769c3.464,17.016,18.598,29.892,36.668,29.892c18.748,0,34.184-13.779,36.894-31.774 c2.786,17.995,18.221,31.774,36.894,31.774c18.748,0,34.108-13.779,36.894-31.699c2.786,17.92,18.221,31.699,36.894,31.699 c18.748,0,34.108-13.779,36.894-31.699c2.786,17.92,18.221,31.699,36.894,31.699c18.071,0,33.205-12.875,36.744-29.892h31.774 V337.619z M413.139,250.729h-31.774c-3.539-17.092-18.673-29.967-36.744-29.967c-18.673,0-34.108,13.854-36.894,31.774 c-2.786-17.92-18.146-31.774-36.894-31.774c-18.673,0-34.108,13.854-36.894,31.774c-2.786-17.92-18.146-31.774-36.894-31.774 c-18.673,0-34.108,13.854-36.894,31.849c-2.711-17.995-18.146-31.849-36.894-31.849c-18.071,0-33.205,12.875-36.668,29.967H68.819 v-71.831h17.769c3.464,17.016,18.598,29.892,36.668,29.892c18.748,0,34.184-13.779,36.894-31.774 c2.786,17.995,18.221,31.774,36.894,31.774c18.748,0,34.108-13.779,36.894-31.699c2.786,17.92,18.221,31.699,36.894,31.699 c18.748,0,34.108-13.779,36.894-31.699c2.786,17.92,18.221,31.699,36.894,31.699c18.071,0,33.205-12.875,36.744-29.892h31.774 V250.729z M413.139,163.84h-31.774c-3.539-17.092-18.673-29.967-36.744-29.967c-18.673,0-34.108,13.854-36.894,31.774 c-2.786-17.92-18.146-31.774-36.894-31.774c-18.673,0-34.108,13.854-36.894,31.774c-2.786-17.92-18.146-31.774-36.894-31.774 c-18.673,0-34.108,13.854-36.894,31.849c-2.711-17.995-18.146-31.849-36.894-31.849c-18.071,0-33.205,12.875-36.668,29.967H68.819 V92.009h17.769c3.464,17.016,18.598,29.892,36.668,29.892c18.748,0,34.184-13.779,36.894-31.774 c2.786,17.995,18.221,31.774,36.894,31.774c18.748,0,34.108-13.779,36.894-31.699c2.786,17.92,18.221,31.699,36.894,31.699 c18.748,0,34.108-13.779,36.894-31.699c2.786,17.92,18.221,31.699,36.894,31.699c18.071,0,33.205-12.875,36.744-29.892h31.774 V163.84z"></path> </g> </g> </g></svg>

After

Width:  |  Height:  |  Size: 3.5 KiB

1
public/img/svg/bad.svg Normal file
View File

@ -0,0 +1 @@
<svg height="64px" width="64px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 52.045 52.045" xml:space="preserve" fill="#3084b5" stroke="#3084b5"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <g> <path style="fill:#3084b5;" d="M38.29,18.097c-2.103,1.605-4.333,2.987-6.616,4.298c-0.836-0.78-1.963-1.156-3.259-0.809 c-1.198,0.321-2.302,1.43-2.634,2.688c-1.442,0.184-2.891,0.338-4.339,0.467c-0.145-2.148-0.114-4.364,0.438-6.396 c0.47-1.726-1.319-2.728-2.604-2.266l-1.989-6.378c2.013-0.886,3.006-3.466,2.222-5.978c-0.833-2.669-3.357-4.263-5.629-3.555 c-2.271,0.708-3.441,3.456-2.609,6.125c0.791,2.534,3.108,4.096,5.284,3.64l2.054,6.585c-0.192,0.207-0.347,0.468-0.439,0.804 c-0.824,3.035-0.724,6.381-0.388,9.488c0.105,0.979,0.795,2.007,1.923,1.924c2.29-0.171,4.575-0.414,6.853-0.711 c0.888,2.934,1.182,5.893,0.838,9c-1.865,1.018-3.954,1.307-6.09,0.934c-3.031-0.531-4.328,4.104-1.279,4.637 c3.056,0.535,6.162,0.35,8.934-0.959c-1.121,2.893-3.479,4.779-7.029,5.687c-3.004,0.767-1.729,5.401,1.277,4.638 c7.031-1.793,11.008-6.921,11.311-14.117c0.015-0.08,0.027-0.158,0.039-0.239c0.525-3.96,0.104-7.99-1.123-11.778 c2.347-1.342,4.641-2.753,6.795-4.402C42.174,19.933,40.262,16.59,38.29,18.097z M11.949,6.082 c-0.718-2.294,0.245-4.644,2.143-5.236c1.899-0.592,4.026,0.793,4.741,3.089c0.716,2.295-0.247,4.644-2.144,5.237 C14.789,9.764,12.664,8.377,11.949,6.082z"></path> <circle style="fill:#3084b5;" cx="29.322" cy="16.595" r="4.167"></circle> <polygon style="fill:#3084b5;" points="38.779,4.145 34.931,5.347 34.931,6.786 38.779,7.748 "></polygon> </g> </g> </g></svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -0,0 +1 @@
<svg height="64px" width="64px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 493.337 493.337" xml:space="preserve" fill="#3084b5" stroke="#3084b5"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <g> <path style="fill:#3084b5;" d="M474.817,358.47c-37.959-9.551-84.027-22.663-93.519-27.538 c-5.333-4.303-33.054-37.242-33.054-37.242l-15.347-88.114c25.685,7.941,32.757,24.243,41.162,55.588 c2.272,8.451,9.925,14.052,18.276,14.052c1.617,0,3.266-0.206,4.912-0.642c10.093-2.7,16.098-13.105,13.381-23.189 c-23.296-104.037-133.777-88.719-134.029-88.704c-38.881,2.601-72.003-7.163-74.704-11.313 c-2.979-4.302-14.967-23.599-16.798-58.872c-0.538-10.447-9.505-18.522-19.887-17.923c-2.422,0.126-4.695,0.736-6.797,1.682 c6.992-7.422,11.343-17.351,11.343-28.347c0-22.919-18.567-41.495-41.487-41.495S86.798,24.986,86.798,47.906 c0,22.908,18.568,41.472,41.472,41.472c8.288,0,15.958-2.479,22.435-6.675c-2.312,3.337-3.631,7.384-3.421,11.752 c2.438,46.968,19.605,73.347,24.827,80.308c10.138,13.571,37.916,21.958,67.683,24.941c0.027,0.126,0.035,0.221,0.05,0.355 l23.308,111.236c0,0-5.983,61.539-3.846,77.337c0.878,6.667,3.175,24.373,72.631,91.419c4.736,4.585,10.887,6.873,17.012,6.873 c6.385,0,12.809-2.51,17.605-7.482c9.384-9.72,9.107-25.233-0.609-34.617c-24.037-23.252-58.183-64.406-58.183-64.406 s1.297-27.585,3.594-48.761c0.146-2.03,3.688-3.218,5.202-1.373c3.866,5.012,28.554,35.502,37.958,41.657 c14.646,9.565,74.181,25.409,108.354,33.991c2.007,0.521,4.021,0.766,5.996,0.766c10.938,0,20.917-7.4,23.717-18.53 C495.901,375.054,487.953,361.734,474.817,358.47z"></path> <path style="fill:#3084b5;" d="M280.697,154.994c26.333-5.649,43.123-31.574,37.471-57.892 c-5.638-26.333-31.552-43.104-57.877-37.456c-26.354,5.649-43.12,31.566-37.479,57.873 C228.456,143.852,254.371,160.631,280.697,154.994z"></path> <g> <path style="fill:#3084b5;" d="M8.803,99.36L0,99.49l28.266,119.766l71.669-0.086l24.109-119.881L8.803,99.36z M90.997,212.564 l-2.571-5.005l-2.574,5.012l-7.159,0.008l6.156-11.986l-9.153-17.82l-9.152,17.82l6.16,11.994l-7.15,0.008l-2.586-5.036 l-2.589,5.042l-7.159,0.009l6.171-12.017l-9.152-17.82l-9.153,17.82l6.176,12.024l-7.15,0.009l-2.602-5.066l-2.605,5.072 l-1.398,0.002l-1.812-7.683l2.238-4.358l-6.037-11.755l-6.073-25.754l2.958,5.759l9.152-17.82l-9.152-17.821l-6.856,13.349 l-2.256-9.548l5.53-10.768L10.796,105.98l7.152-0.004l6.828,13.294l6.833-13.303l11.79-0.008l6.836,13.311l6.842-13.32 l11.772-0.008l6.845,13.328l6.851-13.337l11.754-0.008l6.854,13.345l6.859-13.354l7.157-0.005l-10.438,20.326l5.134,9.998 l-2.013,10.011l-6.699-13.043l-9.152,17.821l9.152,17.82l3.541-6.894l-4.604,22.895l-8.088,15.749l3.536,6.886l-1.021,5.081 L90.997,212.564z"></path> <polygon style="fill:#3084b5;" points="50.236,133.201 41.085,151.022 50.236,168.842 59.389,151.022 "></polygon> <polygon style="fill:#3084b5;" points="28.356,175.807 37.506,193.627 46.661,175.807 37.506,157.986 "></polygon> <polygon style="fill:#3084b5;" points="53.815,175.807 62.965,193.627 72.12,175.807 62.965,157.986 "></polygon> <polygon style="fill:#3084b5;" points="75.695,133.201 66.544,151.022 75.695,168.842 84.85,151.022 "></polygon> <polygon style="fill:#3084b5;" points="88.424,157.986 79.273,175.807 88.424,193.627 97.579,175.807 "></polygon> <polygon style="fill:#3084b5;" points="97.579,126.236 88.424,108.416 79.273,126.236 88.424,144.056 "></polygon> <polygon style="fill:#3084b5;" points="46.661,126.236 37.506,108.416 28.356,126.236 37.506,144.056 "></polygon> <polygon style="fill:#3084b5;" points="72.12,126.236 62.965,108.416 53.815,126.236 62.965,144.056 "></polygon> </g> </g> </g> </g></svg>

After

Width:  |  Height:  |  Size: 3.7 KiB

View File

@ -0,0 +1 @@
<svg fill="#3084b5" height="64px" width="64px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" stroke="#3084b5"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g transform="translate(1 1)"> <g> <g> <path d="M466.862-1H43.138C18.421-1-1,18.421-1,43.138v423.724C-1,491.579,18.421,511,43.138,511h423.724 C491.579,511,511,491.579,511,466.862V43.138C511,18.421,491.579-1,466.862-1z M493.345,466.862 c0,15.007-11.476,26.483-26.483,26.483H43.138c-15.007,0-26.483-11.476-26.483-26.483V43.138 c0-15.007,11.476-26.483,26.483-26.483h423.724c15.007,0,26.483,11.476,26.483,26.483V466.862z"></path> <path d="M378.586,449.207H65.207c-2.648,0-4.414-1.766-4.414-4.414V175.552c0-5.297-3.531-8.828-8.828-8.828 s-8.828,3.531-8.828,8.828v269.241c0,12.359,9.71,22.069,22.069,22.069h313.379c5.297,0,8.828-3.531,8.828-8.828 C387.414,452.738,383.883,449.207,378.586,449.207z"></path> <path d="M444.793,43.138H65.207c-12.359,0-22.069,9.71-22.069,22.069v39.724c0,5.297,3.531,8.828,8.828,8.828 s8.828-3.531,8.828-8.828V65.207c0-2.648,1.766-4.414,4.414-4.414h379.586c2.648,0,4.414,1.766,4.414,4.414v379.586 c0,2.648-1.766,4.414-4.414,4.414h-30.897c-5.297,0-8.828,3.531-8.828,8.828c0,5.297,3.531,8.828,8.828,8.828h30.897 c12.359,0,22.069-9.71,22.069-22.069V65.207C466.862,52.848,457.152,43.138,444.793,43.138z"></path> <path d="M51.966,149.069c5.297,0,8.828-3.531,8.828-8.828s-3.531-8.828-8.828-8.828s-8.828,3.531-8.828,8.828 S46.669,149.069,51.966,149.069z"></path> <path d="M193.207,149.069c0-24.717-19.421-44.138-44.138-44.138s-44.138,19.421-44.138,44.138s19.421,44.138,44.138,44.138 S193.207,173.786,193.207,149.069z M122.586,149.069c0-15.007,11.476-26.483,26.483-26.483s26.483,11.476,26.483,26.483 s-11.476,26.483-26.483,26.483S122.586,164.076,122.586,149.069z"></path> <path d="M360.931,316.793c-24.717,0-44.138,19.421-44.138,44.138s19.421,44.138,44.138,44.138s44.138-19.421,44.138-44.138 S385.648,316.793,360.931,316.793z M360.931,387.414c-15.007,0-26.483-11.476-26.483-26.483s11.476-26.483,26.483-26.483 s26.483,11.476,26.483,26.483S375.938,387.414,360.931,387.414z"></path> </g> </g> </g> </g></svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

1
public/img/svg/chess.svg Normal file
View File

@ -0,0 +1 @@
<svg width="64px" height="64px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#3084b5" stroke="#3084b5"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <title>chess [#3084b5]</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Dribbble-Light-Preview" transform="translate(-220.000000, -2719.000000)" fill="#3084b5"> <g id="icons" transform="translate(56.000000, 160.000000)"> <path d="M174,2573 L178,2573 L178,2569 L174,2569 L174,2573 Z M170,2569 L174,2569 L174,2565 L170,2565 L170,2569 Z M182,2565 L178,2565 L178,2569 L182,2569 L182,2573 L178,2573 L178,2577 L174,2577 L174,2573 L170,2573 L170,2577 L167,2577 C166.448,2577 166,2576.657 166,2576.105 L166,2573 L170,2573 L170,2569 L166,2569 L166,2565 L170,2565 L170,2561 L174,2561 L174,2565 L178,2565 L178,2561 L181,2561 C181.552,2561 182,2561.552 182,2562.105 L182,2565 Z M182,2559 L166,2559 C164.895,2559 164,2559.895 164,2561 L164,2577 C164,2578.104 164.895,2579 166,2579 L182,2579 C183.105,2579 184,2578.104 184,2577 L184,2561 C184,2559.895 183.105,2559 182,2559 L182,2559 Z" id="chess-[#3084b5]"> </path> </g> </g> </g> </g></svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 5.5 KiB

View File

@ -0,0 +1 @@
<svg fill="#3084b5" height="64px" width="64px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 421.47 421.47" xml:space="preserve" stroke="#3084b5"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <path d="M415.276,61.627L359.829,6.18C355.841,2.195,350.532,0,344.881,0s-10.96,2.194-14.949,6.181L86.029,250.083 c-8.234,8.243-8.233,21.655,0.003,29.899l10.887,10.882l-93.08,93.08c-0.93,0.84-3.664,3.645-3.831,7.678 c-0.076,1.867,0.385,4.646,3.021,7.281l19.448,19.443c2.581,2.582,5.261,3.124,7.055,3.123c4.228,0,7.114-2.85,8.02-3.881 l93.044-93.048l10.886,10.885c3.986,3.99,9.294,6.188,14.947,6.188c5.651,0,10.961-2.197,14.948-6.186l243.9-243.9 c3.994-3.994,6.194-9.302,6.194-14.948C421.47,70.94,419.272,65.631,415.276,61.627z"></path> <path d="M344.752,247.03c-24.937,0-45.224,20.287-45.224,45.224c0,24.936,20.287,45.223,45.224,45.223s45.224-20.287,45.224-45.223 C389.975,267.317,369.688,247.03,344.752,247.03z"></path> </g> </g></svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

1
public/img/svg/des.svg Normal file
View File

@ -0,0 +1 @@
<svg fill="#3084b5" width="64px" height="64px" viewBox="0 0 64 64" data-name="Layer 1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" stroke="#3084b5"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><title></title><rect height="9" width="22" x="2" y="53"></rect><rect height="2" width="23" x="31" y="25"></rect><path d="M43,15V2H26V6L22,9l4,1v5ZM31.707,7.293,34,9.58594l4.293-4.293L39.707,6.707l-5,5a.99963.99963,0,0,1-1.41406,0l-3-3Z"></path><path d="M42,56v6h8V56a3.98734,3.98734,0,0,0-2.24371-3.57751,3,3,0,1,0-3.51258,0A3.98734,3.98734,0,0,0,42,56Z"></path><path d="M59.75629,52.42249a3,3,0,1,0-3.51258,0A3.98734,3.98734,0,0,0,54,56v6h8V56A3.98734,3.98734,0,0,0,59.75629,52.42249Z"></path><path d="M38,56a3.98734,3.98734,0,0,0-2.24371-3.57751,3,3,0,1,0-3.51258,0A3.98734,3.98734,0,0,0,30,56v6h8Z"></path><path d="M30,24H16.62048a4.00006,4.00006,0,1,0-5.241,0H9.49622A4.49619,4.49619,0,0,0,5,28.49622V38H8V29.91418A2.38053,2.38053,0,0,1,9,28V52h4.5V38h1V52H19V27H30Z"></path></g></svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

1
public/img/svg/drama.svg Normal file
View File

@ -0,0 +1 @@
<svg fill="#3084b5" height="64px" width="64px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 299.196 299.196" xml:space="preserve" stroke="#3084b5"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <path d="M101.833,91.468c-4.882-4.882-4.882-12.796,0-17.678c3.915-3.915,9.781-4.682,14.469-2.316 c4.495-7.917,11.674-13.995,20.423-17.098c4.113-1.459,8.411-2.199,12.774-2.199c7.024,0,13.906,1.934,19.902,5.593 c1.78,1.086,3.645,2.177,5.584,3.27V27.843c0-5.351-2.384-10.359-6.539-13.738c-4.164-3.386-9.556-4.705-14.789-3.607 c-18.029,3.77-41.526,5.845-66.164,5.845s-48.135-2.075-66.164-5.845c-1.214-0.254-2.437-0.379-3.65-0.379 c-4.024,0-7.948,1.375-11.142,3.974C2.382,17.47,0,22.482,0,27.843v92.63c0,44.46,33.335,81.281,76.323,86.782 c-0.817-14.212,1.207-28.581,6.123-42.396l3.408-9.578c-6.281,0.383-12.452,2.963-17.241,7.752c-4.881,4.881-12.797,4.881-17.678,0 c-4.882-4.882-4.882-12.796,0-17.678c11.885-11.885,28.163-16.756,43.655-14.626l12.438-34.957 C105.186,94.514,103.445,93.08,101.833,91.468z M71.95,91.468c-6.775,6.775-15.784,10.507-25.366,10.507 c-9.583,0-18.592-3.731-25.367-10.507c-4.882-4.882-4.882-12.796,0-17.678c4.881-4.881,12.797-4.881,17.678,0 c4.241,4.241,11.139,4.239,15.378,0c4.881-4.881,12.797-4.881,17.678,0C76.832,78.672,76.832,86.587,71.95,91.468z"></path> <path d="M296.544,127.725c-2.847-4.684-7.654-7.85-13.084-8.592c-17.524-2.393-40.144-8.091-64.195-16.649 c-24.051-8.558-45.186-18.428-60.283-27.642c-2.89-1.764-6.176-2.665-9.483-2.665c-2.05,0-4.109,0.346-6.087,1.048 c-5.169,1.834-9.233,5.901-11.071,11.068l-31.052,87.27c-16.291,45.785,7.619,96.108,53.404,112.398 c9.75,3.469,19.706,5.115,29.495,5.115c36.179,0,70.081-22.484,82.903-58.519l31.052-87.27 C299.98,138.124,299.391,132.408,296.544,127.725z M131.629,151.079c-2.963-6.235-0.31-13.692,5.926-16.654 c8.655-4.113,18.394-4.608,27.421-1.396c9.027,3.213,16.264,9.748,20.376,18.403c2.963,6.235,0.31,13.692-5.926,16.654 c-1.731,0.823-3.558,1.213-5.355,1.213c-4.676,0-9.159-2.635-11.299-7.139c-1.247-2.623-3.44-4.605-6.177-5.578 c-2.736-0.975-5.688-0.823-8.311,0.423C142.049,159.97,134.591,157.315,131.629,151.079z M208.213,242.594 c-7.141,3.393-14.681,5-22.105,5c-19.349,0-37.936-10.901-46.776-29.509c-2.963-6.235-0.31-13.691,5.926-16.654 c6.235-2.964,13.692-0.31,16.654,5.926c6.318,13.297,22.275,18.975,35.573,12.657c6.236-2.963,13.692-0.31,16.654,5.926 C217.102,232.175,214.448,239.631,208.213,242.594z M255.378,195.11c-1.731,0.823-3.558,1.213-5.355,1.213 c-4.676,0-9.159-2.635-11.299-7.139c-2.574-5.416-9.073-7.729-14.489-5.155c-6.233,2.965-13.691,0.311-16.654-5.926 c-2.963-6.235-0.31-13.692,5.926-16.654c17.864-8.489,39.309-0.861,47.798,17.007C264.267,184.691,261.613,192.148,255.378,195.11z "></path> </g> </g></svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

View File

@ -0,0 +1 @@
<svg height="64px" width="64px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 63.267 63.267" xml:space="preserve" fill="#3084b5" stroke="#3084b5"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <g> <path style="fill:#3084b5;" d="M6.348,32.764c4.241,0,4.278-6.568,0.047-6.568C2.155,26.196,2.117,32.764,6.348,32.764z"></path> <path style="fill:#3084b5;" d="M26.827,47.48c-1.201,0-2.158,1.286-2.279,2.989l-0.427,4.642c-0.018,0.196,0.047,0.391,0.18,0.535 c0.132,0.146,0.32,0.229,0.517,0.229h4.018c0.197,0,0.384-0.083,0.517-0.228c0.133-0.146,0.198-0.34,0.18-0.536l-0.425-4.642 C28.986,48.766,28.027,47.48,26.827,47.48z M25.135,50.469c0.115-1.337,0.842-2.405,1.691-2.405c0.85,0,1.577,1.068,1.691,2.405 H25.135z"></path> <path style="fill:#3084b5;" d="M48.598,13.905c4.158-0.777,2.914-7.227-1.254-6.447C43.187,8.235,44.429,14.683,48.598,13.905z"></path> <path style="fill:#3084b5;" d="M52.296,31.215c0.506-1.333,1.565-4.149,1.672-5.333c0.122-1.359-0.098-4.145-0.098-4.145 c1.271,0.885,2.63,1.642,4.109,2.201c2.274,0.858,3.784-2.6,1.509-3.46c-2.729-1.03-5.036-2.783-7.028-4.897 c-0.396-0.419-1.583-1.152-3.229-0.831c-1.431,0.277-2.826,1.674-2.688,3.157c0.094,0.991,0.571,2.931,0.741,3.911 c0.189,1.092,0.303,3.716,0.219,4.061c-1.453,0.358-2.906,0.73-4.324,1.204c-1.166,0.39-1.5,1.686-1.571,2.019 c-0.438,2.028-0.649,4.082-0.85,6.144c-0.217,2.236,3.249,2.519,3.464,0.293c0.175-1.801,0.369-3.592,0.706-5.369 c1.367-0.406,2.757-0.765,4.146-1.092c-0.196,0.548-0.406,1.092-0.628,1.629c-0.177,0.427-0.371,1.14,0.233,1.97 c1.35,1.851,2.843,3.557,4.476,5.161c0.734,0.722,2.065,0.428,2.649-0.316c0.688-0.874,0.417-1.929-0.317-2.651 C54.329,33.734,53.272,32.506,52.296,31.215z"></path> <path style="fill:#3084b5;" d="M56.529,26.136c-0.226-0.171-0.549-0.13-0.721,0.095c-0.172,0.226-0.13,0.548,0.096,0.721 c0.1,0.075,9.809,7.718,5.001,21.504c-0.094,0.268,0.048,0.561,0.314,0.653c0.057,0.021,0.113,0.029,0.17,0.029 c0.213,0,0.412-0.133,0.484-0.345C66.924,34.313,56.634,26.216,56.529,26.136z"></path> <path style="fill:#3084b5;" d="M5.337,24.923c0.021,0,0.043-0.003,0.064-0.008c0.137-0.036,0.22-0.176,0.184-0.313l-0.768-2.966 c-0.035-0.138-0.174-0.22-0.313-0.185c-0.138,0.036-0.22,0.176-0.185,0.313l0.769,2.966C5.118,24.847,5.222,24.923,5.337,24.923z"></path> <path style="fill:#3084b5;" d="M3.257,26.056c0.05,0.048,0.114,0.071,0.178,0.071c0.068,0,0.135-0.026,0.186-0.078 c0.098-0.103,0.095-0.265-0.007-0.364l-1.895-1.818c-0.103-0.099-0.265-0.095-0.363,0.007c-0.099,0.103-0.096,0.265,0.007,0.364 L3.257,26.056z"></path> <path style="fill:#3084b5;" d="M2.027,27.892c0.101,0,0.197-0.06,0.237-0.16c0.054-0.131-0.009-0.281-0.141-0.334l-1.77-0.721 c-0.13-0.053-0.281,0.009-0.334,0.141c-0.054,0.131,0.01,0.281,0.141,0.335l1.77,0.721C1.961,27.886,1.993,27.892,2.027,27.892z"></path> <path style="fill:#3084b5;" d="M50.206,39.745l-14.25,2.18c0.227-1.688,0.454-3.373,0.679-5.059 c0.168-1.233-1.765-1.281-1.929-0.061c-0.242,1.808-0.486,3.615-0.731,5.422l-14.679,2.245c-0.681-1.755-1.364-3.51-2.046-5.262 c-0.401-1.036-1.787-0.403-1.767,0.561c-0.078-0.059-0.157-0.11-0.251-0.16c-2.073-1.042-4.115-2.142-6.129-3.296 c-0.274-1.462-1.766-2.597-3.222-2.605c-1.896-0.015-3.155,1.478-3.309,3.26c-0.24,2.802,0.046,5.597,0.627,8.34 c0.136,0.646,0.412,1.135,0.763,1.508l-1.981,0.303c-1.092,0.167-1.842,1.188-1.675,2.279c0.151,0.989,1.003,1.697,1.975,1.697 c0.101,0,0.202-0.008,0.305-0.023l10.843-1.658c0.437,1.254,0.826,2.526,1.196,3.806c0.622,2.149,3.976,1.234,3.352-0.922 c-0.331-1.148-0.677-2.29-1.057-3.418l33.892-5.183c1.092-0.167,1.841-1.188,1.674-2.279C52.32,40.327,51.3,39.583,50.206,39.745z M14.098,44.719c-1.481-0.175-2.977-0.303-4.473-0.39L9.093,40.3c1.446,0.799,2.907,1.571,4.384,2.314 c1.195,0.601,2.297-0.231,2.569-1.214c0.437,1.124,0.873,2.247,1.31,3.368l-2.305,0.353C14.8,44.914,14.484,44.766,14.098,44.719z "></path> </g> </g> </g></svg>

After

Width:  |  Height:  |  Size: 3.9 KiB

View File

@ -0,0 +1 @@
<svg fill="#3084b5" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64px" height="64px" viewBox="0 0 311.588 311.588" xml:space="preserve" stroke="#3084b5"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <g> <path d="M181.731,0c15.202,0,27.526,12.323,27.526,27.526c0,15.2-12.324,27.524-27.526,27.524 c-15.198,0-27.524-12.324-27.524-27.524C154.207,12.323,166.533,0,181.731,0z"></path> <path d="M275.502,153.914c1.579,0.577,3.185,0.852,4.769,0.852c5.618,0,10.89-3.456,12.95-9.028 c8.782-23.84-5.25-58.386-6.876-62.246l-1.942-4.59l-48.818-25.287c-2.89-1.497-6.054-1.815-9.016-1.225 c-22.126-1.9-51.222,14.374-58.787,18.892c-1.196,0.714-1.869,1.139-1.869,1.139v0.031c-1.274,0.859-2.465,1.856-3.412,3.182 l-26.502,37.037l-35.302,17.373c-6.835,3.366-9.652,11.633-6.289,18.468c2.403,4.878,7.296,7.71,12.386,7.71 c2.048,0,4.119-0.455,6.082-1.421l41.523-20.436l13.729-19.18l2.284,44.1c0,0,0.149,0.057,0.408,0.16 c0.062,0.777,0.156,1.559,0.363,2.341l4.442,17.124l-26.535,30.059l-66.238,80.033c-4.857,5.872-4.034,14.571,1.835,19.429 c2.571,2.128,5.688,3.158,8.785,3.158c3.966,0,7.907-1.698,10.639-4.997l65.818-79.541l14.064-15.938l1.388,5.386l7.694,2.112 c21.35,5.872,47.101,14.344,54.251,18.419c2.512,3.552,6.654,5.836,11.258,5.836c0.315,0,0.637-0.011,0.958-0.031 c7.606-0.523,13.344-7.109,12.82-14.717c-0.787-11.516-11.309-16.984-40.55-26.615c-8.9-2.936-17.688-5.566-23.7-7.307 l-2.086-8.036l9.206-10.434c8.891-5.593,24.984-52.962,28.045-87.073l19.351,10.028c3.713,10.545,8.104,28.283,4.701,37.507 C264.689,143.346,268.355,151.278,275.502,153.914z"></path> <path d="M44.475,246.033c16.003,0,28.977,12.976,28.977,28.977c0,16-12.974,28.977-28.977,28.977S15.498,291.01,15.498,275.01 C15.498,259.009,28.472,246.033,44.475,246.033z"></path> </g> </g> </g></svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

1
public/img/svg/hand.svg Normal file
View File

@ -0,0 +1 @@
<svg height="64px" width="64px" version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" fill="#3084b5" stroke="#3084b5"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <style type="text/css"> .st0{fill:#3084b5;} </style> <g> <path class="st0" d="M395.517,101.081l-48.098,43.517c-2.301,2.072-3.655,4.995-3.766,8.084c-0.117,2.957,0.919,5.846,2.881,8.057 c-2.584,1.05-5.182,1.866-7.76,2.384c-25.462,5.176-52.844-6.736-73.884-3.551c-1.368,0.214-2.687,0.463-3.986,0.684 c-3.614-0.926-7.372-1.7-11.366-2.308c-2.881-0.435-5.784-0.615-8.672-0.615c-8.291,0.021-16.562,1.389-24.778,2.646 c-8.202,1.271-16.314,2.459-23.962,2.459c-4.022,0-7.905-0.318-11.636-1.091c-3.993-0.788-8.27-2.557-12.61-5.01 c0.345-1.168,0.511-2.412,0.47-3.655c-0.124-3.088-1.492-6.011-3.78-8.084l-48.097-43.517 C88.061,79.427-13.413,216.07,1.484,232.307c14.87,16.238,41.7,40.58,41.7,40.58c2.204,2.135,5.168,3.323,8.25,3.255 c3.075-0.062,5.997-1.354,8.112-3.587l18.11-19.118c0.249,0.283,0.504,0.553,0.726,0.843c1.554,1.796,2.743,3.593,3.213,4.595 c2.031,4.319,7.206,14.849,14.103,26.63c3.454,5.887,7.338,12.085,11.504,17.999c2.115,2.972,4.284,5.894,6.537,8.658 c-6.108,7.559-6.067,18.656,0.594,26.166c7.435,8.402,20.266,9.169,28.661,1.728l0.581-0.518 c-3.614,7.207-2.73,16.189,2.929,22.587c7.435,8.389,20.259,9.162,28.654,1.721l3.296-2.999c-4.512,7.4-3.896,17.185,2.15,24.011 c7.434,8.374,20.258,9.148,28.647,1.734l5.085-4.602c-4.782,7.462-4.29,17.46,1.88,24.412c7.434,8.388,20.266,9.169,28.654,1.728 l8.195-7.048c0.795,0.373,1.534,0.711,2.245,1.036l5.611,3.275l-0.048-0.041c2.784,1.672,5.707,3.026,8.72,3.973 c3.02,0.946,6.143,1.499,9.321,1.499c3.455,0,6.985-0.663,10.254-2.128c3.31-1.45,6.343-3.703,8.851-6.55 c3.013-3.386,5.002-7.359,6.025-11.498c2.985,1.085,6.115,1.63,9.218,1.63c3.752,0,7.496-0.774,10.979-2.308 c3.475-1.534,6.716-3.835,9.39-6.854c3.316-3.731,5.41-8.174,6.316-12.776c1.769,0.359,3.572,0.56,5.382,0.56 c3.738,0,7.49-0.76,10.973-2.307c3.482-1.528,6.709-3.835,9.376-6.848c3.621-4.09,5.797-9.031,6.529-14.089 c0.774,0.069,1.555,0.097,2.322,0.097c4.498,0,8.913-0.968,12.99-2.695c4.083-1.741,7.863-4.27,10.924-7.69 c2.82-3.213,4.976-6.958,6.502-10.993c1.514-4.049,2.411-8.368,2.426-12.797c0-1.616-0.125-3.248-0.415-4.864 c15.65-17.398,23.92-46.377,27.5-53.978c0.118-0.249,0.242-0.504,0.387-0.761l17.612,18.58c2.1,2.232,5.023,3.524,8.098,3.587 c3.096,0.068,6.059-1.12,8.263-3.255c0,0,26.83-24.342,41.707-40.58C525.395,216.07,423.935,79.427,395.517,101.081z M389.747,320.64c-0.884,2.363-2.184,4.532-3.461,5.956v-0.014c-1.168,1.34-2.992,2.639-5.114,3.551 c-2.128,0.898-4.525,1.389-6.646,1.389c-1.389,0-2.668-0.214-3.697-0.56c-0.069-0.028-0.124-0.048-0.187-0.069l-23.153-22.346 c-3.227-3.109-8.368-3.012-11.477,0.207c-3.116,3.227-3.026,8.368,0.2,11.477l18.677,18.027c0.069,0.179,0.131,0.352,0.221,0.532 c0.781,1.527,1.168,3.241,1.168,4.94c-0.014,2.612-0.891,5.141-2.75,7.241c-1.099,1.244-2.378,2.142-3.78,2.764 c-1.389,0.621-2.909,0.94-4.422,0.94c-2.618-0.014-5.154-0.899-7.268-2.764l-0.477-0.428c-0.083-0.097-0.145-0.208-0.235-0.318 l-20.3-21.185c-3.096-3.247-8.243-3.358-11.476-0.263c-3.24,3.096-3.352,8.25-0.249,11.484l17.204,17.978 c0.042,0.062,0.084,0.138,0.118,0.193c1.044,1.728,1.583,3.718,1.583,5.714c0,2.619-0.884,5.155-2.75,7.262 c-1.092,1.23-2.377,2.128-3.78,2.764c-1.395,0.608-2.908,0.912-4.436,0.912c-2.605,0-5.148-0.884-7.255-2.742l-0.312-0.256 l-6.287-5.044l-10.275-10.916c-3.075-3.255-8.208-3.407-11.47-0.332c-3.261,3.068-3.42,8.222-0.345,11.477l9.763,10.357 c1.002,1.7,1.534,3.62,1.534,5.569c-0.007,2.598-0.891,5.141-2.743,7.228c-1.112,1.264-2.176,1.996-3.275,2.488 c-1.092,0.477-2.259,0.732-3.682,0.739c-1.292,0-2.785-0.228-4.436-0.754c-1.665-0.525-3.455-1.34-5.32-2.432l-0.049-0.042 l-2.854-1.659c7.939-7.49,8.554-19.975,1.264-28.204c-7.338-8.264-19.92-9.107-28.315-1.99l1.52-1.368 c8.382-7.428,9.156-20.259,1.728-28.647c-7.435-8.389-20.266-9.162-28.648-1.728l-4.968,4.484 c4.788-7.441,4.291-17.46-1.886-24.412c-7.428-8.388-20.245-9.169-28.647-1.727l-6.599,6.011c3.095-7.02,2.06-15.525-3.364-21.648 c-7.422-8.395-20.259-9.162-28.648-1.734l-13.985,12.396c-1.755-2.205-3.517-4.561-5.244-7.007 c-5.721-8.126-11.097-17.191-15.354-24.957c-4.27-7.767-7.448-14.261-8.837-17.226c-0.732-1.555-1.604-2.978-2.543-4.346 c-1.464-2.135-3.144-4.118-4.864-5.991l68.695-72.516c6.081,3.696,12.624,6.716,19.685,8.167 c5.031,1.022,10.012,1.395,14.884,1.395c9.279-0.007,18.199-1.368,26.449-2.639c2.073-0.332,4.111-0.636,6.095-0.94 c-6.185,4.27-12.182,9.335-18.573,15.284c-18.179,16.977-33.885,37.713-42.584,47.137c-8.706,9.411,7.477,25.745,33.228,18.255 c25.758-7.476,36.856-26.685,36.856-26.685l32.322-11.601l32.088,7.345l77.567,69.828l13.397,12.962l0.27,0.222 c0.526,0.497,0.94,1.077,1.299,2.017c0.36,0.94,0.581,2.211,0.581,3.732C391.128,315.713,390.645,318.277,389.747,320.64z"></path> </g> </g></svg>

After

Width:  |  Height:  |  Size: 4.9 KiB

View File

@ -0,0 +1 @@
<svg fill="#3084b5" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64px" height="64px" viewBox="0 0 256 190" enable-background="new 0 0 256 190" xml:space="preserve" stroke="#3084b5"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M48.12,27.903C48.12,13.564,59.592,2,74.023,2c14.339,0,25.903,11.564,25.903,25.903 C99.834,42.335,88.27,53.806,74.023,53.806C59.684,53.806,48.12,42.242,48.12,27.903z M191,139h-47V97c0-20.461-17.881-37-38-37H43 C20.912,60,1.99,79.14,2,98v77c-0.026,8.533,6.001,12.989,12,13c6.014,0.011,12-4.445,12-13v-75h8v88h78v-88h8l0.081,50.37 c-0.053,8.729,5.342,12.446,10.919,12.63h60C207.363,163,207.363,139,191,139z M254,82.717l-18.528-18.403l0,0l0,0 c-1.402-1.402-1.402-3.676,0-5.078c0.974-0.974,2.695-1.074,3.608-0.899c3.703,0.711,6.761,0.259,8.993-1.973 c3.834-3.834,2.212-11.744-2.628-16.891c-5.751-6.116-13.229-6.761-17.063-2.926c-2.225,2.225-2.639,5.495-1.982,8.959 c0.174,0.916,0.06,2.644-0.914,3.618c-1.402,1.402-3.676,1.402-5.078,0l0,0l0,0l-17.109-17.109L185.75,49.563 c-1.402,1.402-1.402,3.676,0,5.078c0.966,0.966,2.91,1.025,3.713,0.737c0.004-0.001,5.063-1.665,8.876,2.147 c3.834,3.834,2.893,10.993-2.103,15.988s-12.154,5.937-15.988,2.103c-2.397-2.397-2.383-5.789-1.857-9.791 c0.131-0.998-0.259-2.031-1.027-2.798c-1.402-1.402-3.676-1.402-5.078,0L157,78.314l50.702,50.702l15.286-15.286 c1.402-1.402,1.402-3.676,0-5.078c-0.993-0.993-2.37-1.156-3.681-0.888c-3.347,0.684-6.695,0.218-8.908-1.995 c-3.834-3.834-2.893-10.993,2.103-15.988s12.154-5.937,15.988-2.103c3.845,3.845,1.935,9.237,1.935,9.237 c-0.271,1.168,0.039,2.442,0.949,3.352c1.402,1.402,3.887,1.206,5.491-0.413L254,82.717z"></path> </g></svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

1
public/img/svg/hill.svg Normal file
View File

@ -0,0 +1 @@
<svg fill="#3084b5" height="64px" width="64px" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 312.021 312.021" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 312.021 312.021" stroke="#3084b5"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <g> <path d="m302.15,120.556c-68.011-0.884-123.443-11.77-165.517-24.544l3.38,21.826c48.269,13.719 103.141,21.953 161.878,22.717 0.045,0.001 0.088,0.001 0.133,0.001 5.462,0 9.925-4.393 9.996-9.87 0.071-5.524-4.348-10.059-9.87-10.13z"></path> <path d="m220.833,203.895l-6.919,2.255-19.293,19.648 7.214,1.408 48.721,45.66c6.04,5.663 15.533,5.36 21.201-0.687 5.665-6.045 5.357-15.537-0.686-21.202l-50.238-47.082z"></path> <circle cx="35.91" cy="147.114" r="25.907"></circle> <path d="m257.646,179.275c7.892-2.573 12.176-11.049 9.614-18.91-2.568-7.877-11.033-12.181-18.91-9.614l-53.726,17.511c-2.29,0.746-4.367,2.034-6.055,3.752l-52.218,53.178 25.33-40.49-32.148-19.459-40.696,22.738 38.763-35.404c3.091-2.824 4.564-7.006 3.923-11.143l-7.642-49.353c-1.058-6.835-7.471-11.493-14.266-10.44-6.814,1.055-11.498,7.434-10.44,14.266l6.616,42.729-35.103,32.061c7.644-11.783 14.368-22.147 22.544-34.75-5.674-36.645-5.519-35.642-5.916-38.204-1.19-7.683 1.35-15.152 6.355-20.499-2.346-5.925-8.856-9.202-15.098-7.394-1.645,0.477-3.115,1.264-4.369,2.277-37.932-17.938-57.275-34.261-57.676-34.603-4.182-3.605-10.49-3.137-14.096,1.04-3.61,4.18-3.148,10.495 1.033,14.105 0.984,0.849 23.679,20.209 68.9,40.641l10.409,35.869c0,0-8.836,18.045-26.215,48.833-5.005,8.269-2.359,19.029 5.909,24.034 8.474,5.129 68.705,41.586 77.332,46.808l-.005-.036c5.89,3.263 13.221,2.223 17.962-2.605l49.649-50.563 50.24-16.375z"></path> </g> </g> </g></svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@ -0,0 +1 @@
<svg height="64px" width="64px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 59.098 59.098" xml:space="preserve" fill="#3084b5" stroke="#3084b5"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <g> <path style="fill:#3084b5;" d="M47.884,7.8c-1.038-1.039-2.722-1.039-3.761,0l-2.016,2.016l-0.611-0.612l-0.852,0.851l0.01,0.011 l-5.797,5.468L27.14,11.32c-0.978-0.628-2.104-0.95-3.385-0.958c-1.836,0-3.797,0.923-5.116,2.411 c-1.094,1.23-1.601,2.712-1.428,4.167l1.587,13.256c-0.449-0.258-0.886-0.532-1.322-0.769c-1.331-0.717-2.782-0.83-4.208-0.339 c-0.803,0.275-1.485,0.987-1.563,1.863c-0.066,0.74,0.55,1.354,1.303,1.094c1.075-0.369,2.085-0.067,3.086,0.405 c-0.137,0.044-0.269,0.095-0.407,0.136c-0.806,0.234-1.488,1.016-1.562,1.862c-0.068,0.771,0.546,1.313,1.305,1.095 c1.287-0.377,2.514-0.904,3.698-1.525l1.111,8.656l-6.605,7.74l-0.018-0.019l-1.421,1.524l0.958,0.893l-1.834,1.643 c-1.094,0.98-1.188,2.661-0.207,3.758c0.981,1.094,2.662,1.186,3.757,0.205l2.192-1.965l1.219,1.135l1.42-1.523l-0.016-0.018 c0.728-0.812,1.482-1.627,2.287-2.479c2.239-2.366,4.554-4.812,6.134-7.51c1.002-1.711,0.51-4.211,0.114-6.219 c-0.008-0.047-0.018-0.095-0.027-0.14c2.888,3.234,4.101,6.979,3.771,11.575l-0.031-0.002l-0.205,2.074l1.676,0.164v2.924 c0,1.471,1.189,2.66,2.658,2.66c1.472,0,2.662-1.189,2.662-2.66v-2.4l1.278,0.125l0.205-2.072l-0.058-0.006 c0.814-7.838-1.91-14.617-8.123-20.158c0.008-0.234,0-0.455-0.026-0.666l-0.042-0.347h6h0.924h0.295v-0.694h2.865 c1.471,0,2.66-1.189,2.66-2.661c0-1.469-1.189-2.66-2.66-2.66h-2.865v-0.56h-0.295h-0.922h-6.786l-0.382-3.187l2.891,1.579 c0.535,0.292,1.129,0.446,1.717,0.446c0.892,0,1.752-0.348,2.422-0.98l7.703-7.262l0.004,0.007l0.853-0.851l-0.511-0.51 l2.016-2.016C48.924,10.523,48.924,8.839,47.884,7.8z M37.959,25.713v3.824h-5.221l-0.646-3.824H37.959z M31.328,33.16 c5.703,5.191,8.21,11.508,7.453,18.788l-5.445-0.535c0.41-5.722-1.459-10.382-5.695-14.215l-1.38-1.245l0.32,2.51 c0.065,0.496,0.173,1.053,0.291,1.646c0.35,1.778,0.785,3.995,0.048,5.256c-1.5,2.562-3.76,4.95-5.948,7.261 c-0.768,0.813-1.556,1.647-2.302,2.48l-4.027-3.751l7.042-8.251l-1.169-9.094c0.085-0.027,0.167-0.063,0.248-0.107 c1.172,0,2.342,0,3.514,0c0.053,0,0.103,0,0.156,0c1.863,0,3.726,0,5.589,0C30.504,33.902,30.973,33.588,31.328,33.16z M36.877,21.194c-0.695,0.656-1.699,0.785-2.535,0.328l-5.233-2.856l1.456,12.179c-1.716,0-3.436,0-5.153,0 c-0.052,0-0.102,0-0.154,0c-1.634,0-3.267,0-4.901,0c-0.064-0.02-0.132-0.027-0.199-0.035c0.005-0.109,0.012-0.221,0.031-0.323 l0.018-0.103l-1.628-13.608c-0.163-1.357,0.502-2.429,1.088-3.091c1.051-1.183,2.656-1.947,4.115-1.947 c0.979,0.006,1.86,0.255,2.657,0.766l8.637,4.716l6.554-6.18l2.92,2.92L36.877,21.194z"></path> <circle style="fill:#3084b5;" cx="26.156" cy="5.143" r="5.143"></circle> </g> </g> </g></svg>

After

Width:  |  Height:  |  Size: 2.9 KiB

1
public/img/svg/paint.svg Normal file
View File

@ -0,0 +1 @@
<svg fill="#3084b5" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64px" height="64px" viewBox="0 0 229 256" enable-background="new 0 0 229 256" xml:space="preserve" stroke="#3084b5"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M50.011,40.749c9.851,0,17.837,7.986,17.837,17.837s-7.986,17.837-17.837,17.837s-17.837-7.986-17.837-17.837 S40.16,40.749,50.011,40.749z M226.78,149.656v-11.812h-7.998V17.709h-47.25V2H159.72v15.709h-47.25v74.854h-5.598 c-0.422-1.512-1.222-2.94-2.412-4.129c-1.843-1.844-4.259-2.765-6.676-2.765s-4.834,0.921-6.676,2.765l-18.326,18.326 c0,0-19.694-19.676-22.514-22.346c-1.574-1.491-4.168-3.276-6.507-4.116c-9.824-3.524-20.633,1.595-24.147,11.409L4.155,138.038 c-1.282,3.842-1.935,7.866-1.935,11.917v91.249c0,7.273,6.066,13.128,13.415,12.782c6.883-0.324,12.179-6.253,12.179-13.143v-78.487 l22.354-51.501l15.937,15.936c1.843,1.844,4.26,2.765,6.676,2.765c2.416,0,4.834-0.922,6.676-2.765l25.002-25.002 c0.38-0.38,0.712-0.79,1.014-1.214h6.997v37.269h-7.875v11.812h19.687L104.595,254h11.812l19.687-104.344h23.625v51.902h11.813 v-51.902h23.625L214.845,254h11.812L206.97,149.656H226.78z M124.282,137.844v-37.269h19.687v-8.012h-19.687V29.521h82.687v108.323 H124.282z"></path> </g></svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

1
public/img/svg/sing.svg Normal file
View File

@ -0,0 +1 @@
<svg fill="#3084b5" width="64px" height="64px" viewBox="-10.17 0 122.88 122.88" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="enable-background:new 0 0 102.54 122.88" xml:space="preserve" stroke="#3084b5"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <style type="text/css"> .st0{fill-rule:evenodd;clip-rule:evenodd;} </style> <g> <path class="st0" d="M76.29,21.12c-1.63,1.12-2.66,2.79-3,4.58c-0.34,1.8,0.01,3.73,1.13,5.36c0.29,0.42,0.61,0.8,0.97,1.14 c2,0.23,4.46-0.81,6.61-2.36c2.23-1.61,4.1-3.74,4.82-5.61c0.02-0.04,0.03-0.08,0.04-0.12c-0.17-0.38-0.38-0.76-0.63-1.12 c-1.12-1.63-2.79-2.66-4.58-3C79.85,19.66,77.92,20,76.29,21.12L76.29,21.12L76.29,21.12z M35.5,33.1c0.54-0.32,1.1-0.55,1.68-0.71 l0.04-0.22l0.09,0h0.01l0.89,0.02c0.71-0.08,1.43-0.04,2.12,0.11c1.66,0.11,3.34,0.26,4.83,0.4c1.12,0.1,2.13,0.2,3,0.26 c11.75,0.77,17.26,6.95,21.53,11.76c1.88,2.13,3.53,3.96,5.29,4.8c0.83,0.39,2.14-0.16,3.63-0.79c0.9-0.38,1.85-0.79,2.86-1.05 c0.65-0.24,1.01-0.38,1.28-0.49c0.36-0.14,0.6-0.23,0.74-0.28L88.34,45c-2.34-2.49-5.58-6.31-7.75-8.87 c-0.75-0.88-1.37-1.61-1.8-2.11c-0.64-0.14-1.25-0.37-1.83-0.68c1.89-0.33,3.91-1.31,5.71-2.61c1.95-1.41,3.67-3.2,4.71-4.95 c0.13,0.75,0.14,1.5,0.04,2.24c0.36,0.68,0.88,1.63,1.5,2.77c1.93,3.53,4.78,8.76,6.01,11.71c1.26-0.21,2.64,0.12,3.87,0.85 c1.03,0.61,1.98,1.52,2.66,2.61c0.68,1.11,1.1,2.43,1.09,3.89c-0.01,2.09-0.94,4.43-3.26,6.74c-0.1,0.1-0.22,0.17-0.35,0.21 l-10.71,4.24l0,0l-0.99,0.35c-5.74,2.04-9.89,3.5-17.16,1.71c-0.06-0.01-0.1-0.04-0.15-0.06c-5.09-1.98-7.73-4.72-10.29-7.4 l-0.38-0.39l-3.25,14.91c2.9,1.83,5.81,3.18,8.55,4.46c8.33,3.89,15.17,7.08,16.64,20.16c0.32,2.83,0.08,5.77-0.07,8.62l0.92,18.56 c-0.02,0.5-0.44,0.88-0.93,0.87l-12.87,0.04c-0.5,0-0.9-0.41-0.9-0.9c0.14-8.73-1.54-11.1-1.09-19.82c0.15-2.62,0.51-5.75-0.6-8.17 l-0.13-0.27c-0.52-1.13-1-2.17-1.71-2.51c-1.42-0.66-3.68-1.48-6.24-2.32c-2.94-0.97-6.22-1.94-9.11-2.76l-14.57,36.21 c-0.16,0.32-0.51,0.51-0.84,0.49l-13.52,0.07c-0.5,0-0.9-0.39-0.9-0.89c0-0.12,6.58-16.14,7.42-18.55 c3.13-8.99,4.85-16.25,7.07-23.61c-1.32-1.62-2.58-3.42-3.43-5.41c-0.95-2.2-1.41-4.58-0.94-7.14l4.8-17.32l-9.02,5.37 c-2.23,1.32-4.9,1.21-6.97-0.05l-0.02,0.03L3.23,46.51C0.04,44.56-0.95,40.39,1,37.2c1.96-3.19,6.13-4.18,9.31-2.22l10.84,6.67 L35.5,33.1L35.5,33.1z M96.06,15.64l0.61,0.24l-0.08,0.2c1.38,0.95,1.27,1.76-0.07,2.56c0.55-1.11,0.53-1.4-0.24-1.77l-1.15,2.89 c0,0.02-0.01,0.03-0.01,0.05c-0.15,0.38-0.69,0.59-1.21,0.48c-0.52-0.11-0.82-0.5-0.67-0.88c0.2-0.51,1.08-0.68,1.47-0.34 L96.06,15.64L96.06,15.64L96.06,15.64z M82.82,14.17c0.24,0.05,0.45,0.14,0.62,0.26l1.75-4.39l-5.18-0.51l-2.03,5.1 c-0.01,0.03-0.02,0.06-0.03,0.09l0,0c-0.27,0.69-1.26,1.08-2.21,0.88c-0.95-0.2-1.5-0.92-1.22-1.61c0.27-0.69,1.27-1.08,2.21-0.88 c0.36,0.07,0.66,0.23,0.88,0.42l2.5-6.28l0.04,0.02l6.56,1.01l-2.81,7.07c-0.01,0.06-0.03,0.11-0.05,0.16l0,0 c-0.23,0.57-1.06,0.91-1.85,0.74c-0.79-0.17-1.25-0.77-1.02-1.34C81.19,14.33,82.02,14,82.82,14.17L82.82,14.17L82.82,14.17 L82.82,14.17z M89.74,44.44l3.88-1.54c-1.92-4.55-4.42-8.58-6.78-12.92c-0.5,1.3-1.24,2.1-2.48,2.94 c-1.22,0.83-1.96,1.21-3.33,1.23C83.98,37.64,86.61,41.13,89.74,44.44L89.74,44.44z M70.21,33.14c-0.83-0.16-1.63,0.39-1.79,1.22 c-0.16,0.83,0.39,1.63,1.22,1.79c0.83,0.16,1.63-0.39,1.79-1.22S71.04,33.3,70.21,33.14L70.21,33.14L70.21,33.14z M49.11,0.76 c3.68-1.26,7.53-0.9,10.77,0.68c3.24,1.58,5.88,4.42,7.14,8.1c1.26,3.68,0.9,7.53-0.68,10.77c-1.58,3.24-4.42,5.88-8.1,7.14 c-3.68,1.26-7.53,0.9-10.77-0.68c-3.24-1.58-5.88-4.42-7.14-8.1c-1.26-3.68-0.9-7.53,0.68-10.77C42.59,4.66,45.42,2.02,49.11,0.76 L49.11,0.76L49.11,0.76z"></path> </g> </g></svg>

After

Width:  |  Height:  |  Size: 3.7 KiB

View File

@ -0,0 +1 @@
<svg fill="#3084b5" height="64px" width="64px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 439.169 439.169" xml:space="preserve" stroke="#3084b5"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <path d="M429.169,321.917H264.503c-5.523,0-10-4.478-10-10v-31.333c0-5.522,4.477-10,10-10h164.667c5.523,0,10,4.478,10,10 c0,5.523-4.477,10-10,10H274.503v11.333h154.667c5.523,0,10,4.478,10,10S434.692,321.917,429.169,321.917z M262.195,406.048 l-21.054,6.982c-2.658-53.751-21.659-88.801-37.828-109.211c-9.498-11.989-19.068-20.381-26.448-25.87 c11.62-11.767,19.681-30.638,26.972-54.044c1.005-3.218,1.969-6.335,2.89-9.371c5.664,3.659,11.706,6.776,18.048,9.247 c11.052,4.305,22.363,6.444,33.529,6.444c7.265,0,14.469-0.907,21.501-2.713l-0.429,1.353c-1.67,5.264,1.243,10.886,6.507,12.556 c1.006,0.319,2.025,0.472,3.027,0.472c4.241,0,8.178-2.721,9.529-6.979l10.518-33.148c2.744,0.424,5.747,0.705,8.911,0.705 c0.001,0,0.001,0,0.002,0c9.117,0,17.079-2.431,23.024-7.027c6.086-4.707,10.449-11.117,12.968-19.054 c7.525-23.718-5.647-49.136-29.365-56.661c-4.44-1.409-9.034-2.123-13.657-2.123c-19.746,0-37.028,12.653-43.004,31.487 c-2.518,7.937-2.65,15.691-0.391,23.046c3.7,12.042,14.194,19.436,22.458,23.551l-2.487,7.836 c-17.213,8.279-36.734,8.88-55.382,1.617c-7.063-2.751-13.664-6.489-19.622-11.011c3.233-13.288,4.711-24.6,3.196-34.475 c-3.768-24.564-25.481-34.043-41.482-39.035c-9.669-3.021-17.955-4.49-25.329-4.49c-11.986,0-21.103,3.894-28.398,10.553 c-17.877-10.981-36.054-16.613-54.141-16.746c-0.212-0.002-0.419-0.003-0.63-0.003c-19.775,0-38.654,6.866-54.629,19.875 c-4.283,3.487-4.927,9.786-1.439,14.068c3.487,4.283,9.786,4.927,14.068,1.439c24.009-19.549,54.462-20.336,84.641-2.569 c-6.959,12.667-11.98,28.78-17.319,45.926c-11.263,36.046-12.423,57.288-4.006,73.321c1.606,3.06,3.549,5.865,5.841,8.444 c1.783,13.094,5.388,74.162-72.86,116.171c-1.899,1.02-3.417,2.625-4.33,4.577L0.943,422.545 c-2.338,5.003-0.177,10.955,4.826,13.293c1.369,0.64,2.809,0.942,4.227,0.942c3.763,0,7.368-2.134,9.066-5.769l13.265-28.385 c50.129-27.864,69.243-63.395,76.429-88.516c3.231-11.294,4.402-21.52,4.635-29.784c2.709,1.127,5.598,2.175,8.701,3.138 c8.399,2.608,15.785,3.876,22.578,3.876c4.906,0,9.407-0.65,13.562-1.894c5.739,3.522,17.999,12.138,30.093,27.667 c22.129,28.414,33.275,65.299,33.129,109.63c-0.011,3.218,1.528,6.244,4.133,8.132c1.729,1.252,3.786,1.901,5.868,1.901 c1.056,0,2.119-0.167,3.147-0.509l33.888-11.238c5.242-1.738,8.082-7.397,6.344-12.639 C273.096,407.15,267.438,404.309,262.195,406.048z M286.898,155.143c3.328-10.489,12.949-17.536,23.94-17.536 c2.568,0,5.128,0.4,7.608,1.186c13.206,4.19,20.541,18.344,16.35,31.55c-1.265,3.986-3.331,7.109-6.139,9.281 c-3.045,2.355-7.547,2.849-10.789,2.849h-0.001c-3.964,0-8.449-0.73-12.628-2.058c-7.904-2.507-16.744-7.855-18.677-14.146 C285.519,162.874,285.633,159.131,286.898,155.143z M128.023,268.366c-12.347-3.834-19.773-8.812-23.371-15.665 c-5.529-10.531-3.867-28.438,5.391-58.069c13.891-44.608,21.048-58.498,38.753-58.498c5.32,0,11.654,1.171,19.368,3.581 c22.29,6.954,26.474,15.153,27.674,22.977c0.622,4.051,0.45,8.776-0.317,14.153c-4.488-6.226-8.069-13.069-10.522-20.321 c-1.769-5.23-7.443-8.039-12.676-6.269c-5.232,1.77-8.039,7.444-6.269,12.677c4.832,14.287,13.122,27.306,23.847,38.018 c-1.528,5.293-3.269,10.956-5.157,17.001c-13.849,44.46-25.601,53.392-40.074,53.392 C139.918,271.341,134.473,270.368,128.023,268.366z"></path> <path d="M182.049,117.773c3.112,0.507,6.277,0.764,9.408,0.764c28.565,0,52.635-20.506,57.233-48.758 c5.143-31.597-16.384-61.487-47.985-66.631c-3.094-0.504-6.242-0.759-9.358-0.759c-13.626,0-26.907,4.865-37.395,13.7 c-10.604,8.932-17.667,21.373-19.89,35.033C128.917,82.73,150.444,112.63,182.049,117.773z M153.802,54.336 c2.964-18.213,19.105-31.946,37.545-31.946c2.043,0,4.11,0.168,6.145,0.499c20.717,3.372,34.829,22.966,31.458,43.678 c-3.015,18.524-18.783,31.971-37.493,31.971c-2.058,0-4.143-0.17-6.196-0.504C164.541,94.661,150.429,75.058,153.802,54.336z"></path> <path d="M344.336,226.87c0,17.093,13.907,30.999,31.001,30.999c17.093,0,30.999-13.906,30.999-30.999 c0-17.094-13.906-31.001-30.999-31.001C358.243,195.869,344.336,209.776,344.336,226.87z M375.337,215.869 c6.065,0,10.999,4.934,10.999,11.001c0,6.064-4.934,10.999-10.999,10.999c-6.066,0-11.001-4.935-11.001-10.999 C364.336,220.803,369.271,215.869,375.337,215.869z"></path> </g> </g></svg>

After

Width:  |  Height:  |  Size: 4.4 KiB

View File

@ -0,0 +1 @@
<svg height="64px" width="64px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 55.329 55.329" xml:space="preserve" fill="#3084b5" stroke="#3084b5"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <g> <path style="fill:#3084b5;" d="M43.351,42.205c-1.544-3.719-2.957-7.46-4.116-11.318c-0.035-0.209-0.064-0.418-0.121-0.625 c-1.115-4.143-2.229-8.285-3.346-12.427c2.946-1.311,5.615-3.398,7.812-5.686c0.811-0.845,1.039-2.174,0.412-3.2 c-1.566-2.564-3.135-5.13-4.701-7.695c-1.771-2.9-6.342-0.249-4.562,2.666c1.211,1.977,2.417,3.954,3.625,5.931 c-1.931,1.729-4.166,3.198-6.65,3.839c-0.135,0.035-0.25,0.086-0.367,0.135c-0.639-0.035-1.271,0.047-1.846,0.262 c-0.359,0.136-0.678,0.312-0.971,0.508c-0.027-0.001-0.049-0.009-0.076-0.009c-4.471-0.093-8.459-1.521-12.199-3.93 c-2.872-1.85-5.517,2.723-2.666,4.56c4.013,2.584,8.415,4.159,13.122,4.553c0.023,0.107,0.033,0.215,0.062,0.322 c1.207,4.481,2.415,8.963,3.621,13.446c0,0.001,0.001,0.002,0.001,0.003c-3.242,2.55-6.323,5.343-9.832,7.513 c-2.889,1.789-0.24,6.358,2.666,4.56c4.012-2.48,7.452-5.765,11.221-8.58c0.204-0.152,0.368-0.323,0.514-0.501 c0.19-0.006,0.382-0.018,0.568-0.045c0.754,2.144,1.568,4.264,2.432,6.371c-2.377,2.649-4.549,5.469-6.371,8.535 c-1.739,2.938,2.824,5.592,4.562,2.664c1.908-3.217,4.194-6.097,6.763-8.813c0.809-0.854,0.881-1.858,0.545-2.707 C43.419,42.426,43.399,42.319,43.351,42.205z"></path> <circle style="fill:#3084b5;" cx="28.43" cy="7.384" r="4.798"></circle> <circle style="fill:#3084b5;" cx="15.103" cy="5.862" r="4.125"></circle> </g> </g> </g></svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -38,18 +38,27 @@
email: "",
message: "",
userQurie: true,
domain: 'sample.com',
owner: 'Holly Wisdom Public School',
referrer: 'Holly Wisdom Public School',
}
},
methods:{
saveFormData(e){
e.preventDefault();
let formData = {
name: this.name,
mobile: this.phone,
email: this.email,
message: this.message
data:{
name: this.name,
phone: this.phone,
email: this.email,
message: this.message
},
owner: this.owner,
domain: this.domain,
referrer: this.referrer
}
fetch(`https://api8.siliconpin.com/items/hps_contact`,
console.log(formData);
fetch(`http://api.siliconpin.com/v3/contact-form-processor/`,
{
method: 'POST',
headers: {
@ -58,8 +67,8 @@
body: JSON.stringify(formData)
})
.then(response => response.json())
.then(data => {
console.log("Saved Form Data")
.then(resData => {
// console.log("Saved Form resData", resData)
})
this.userQurie = false;
}

View File

@ -3,19 +3,19 @@
<section class="mt-16">
<div class="flex flex-col lg:flex-row place-content-between gap-x-4">
<div class="flex flex-col w-full">
<h1 class="text-[#47ae6a] hero-text font-bold">Frequently Asked <span class="text-[#3084b5]">Questions</span> </h1>
<div class="grid h-fit" v-for="data in faqData" :key="data.questionNumber">
<details>
<summary>
<div class="flex inline-flex cursor-pointer">{{ data.question }}</div>
</summary>
<div v-html="data.answer"></div>
</details>
<h1 class="text-[#47ae6a] hero-text font-bold">Frequently Asked <span class="text-[#3084b5]">Questions</span> </h1>
<div class="grid h-fit" v-for="data in faqData" :key="data.questionNumber">
<details>
<summary>
<div class="flex inline-flex cursor-pointer">{{ data.question }}</div>
</summary>
<div v-html="data.answer"></div>
</details>
</div>
</div>
<div class="flex flex-col justify-center place-items-center">
<img class="w-fit rounded-full border-2 shadow-xl" src="/img/faq1.jpg" alt="">
</div>
</div>
<div class="flex justify-center place-items-center">
<img class="max-w-lg rounded-full border-2 shadow-xl" src="/img/faq.jpg" alt="">
</div>
</div>
</section>
</div>

View File

@ -15,7 +15,7 @@
<section class="container-fluid back2">
<div class="container mx-auto px-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 p-4">
<div class="flex flex-col justify-center place-items-center border p-2 rounded-xl">
<img class="h-[100px]" src="/img/hps_logo.png" alt="Holywisdom Public School" />
<img class="h-[100px]" src="public/img/logo(202).png" alt="Holywisdom Public School" />
<p class="text-[15px] text-justify">At <a href="/" class="text-[#3084b5]">Holywisdom Public School,</a> we proudly embrace the Montessori approach, championing Maria Montessori's vision. This child-centered method encourages independence, creativity, and a love for learning in a prepared environment.</p>
</div>
<div class="flex flex-col gap-y-4 border p-2 rounded-xl">

View File

@ -1,7 +1,7 @@
<div>
<nav>
<div class="logo">
<a href="/"><img src="/img/hps_logo.png" alt="Holywisdom Public School Logo" /></a>
<a href="/"><img src="public/img/logo(202).png" alt="Holywisdom Public School Logo" /></a>
</div>
<div class="hamburger">
<div class="line1"></div>
@ -15,11 +15,14 @@
<!-- <li><a href="#">Products</a></li> -->
<!-- <li><a href="#">Services</a></li> -->
<li><a href="/about">About</a></li>
<li><a href="/overview">Overview</a></li>
<li><a href="/admission">Admission</a></li>
<li><a href="/contact">Contact</a></li>
<li><a href="/login">Login</a></li>
<li><a href="/sign-up">Signup</a></li>
<!-- <li><a href="/login">Login</a></li>
<li><a href="/sign-up">Signup</a></li> -->
<!-- <li><button class="login-button">Login</button></li>
<li><button class="join-button">Join</button></li> -->
</ul>
@ -54,8 +57,8 @@
overflow-x: hidden;
}
nav{
height: 6rem;
width: 100vw;
/* height: 6rem; */
width: 100%;
background-color: #FFF;
box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2);
display: flex;

View File

@ -30,6 +30,12 @@ const { title } = Astro.props;
*{
font-family: 'Quicksand', sans-serif;
}
hr{
margin-top: 4px;
margin-bottom: 10px;
border: 0;
border-top: 2px solid rgba(21, 20, 20, 0.1);
}
/* :root {
--accent: 124, 58, 237;
--accent-gradient: linear-gradient(45deg, rgb(var(--accent)), #da62c4 30%, white 60%);

View File

@ -3,6 +3,7 @@ import Layout from "../layouts/Layout.astro";
import ContactForm from "../components/ContactForm.vue";
---
<Layout title="">
<script is:inline type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>
<main>
<div>
<section class="container-fluid gradintBack">
@ -23,26 +24,110 @@ import ContactForm from "../components/ContactForm.vue";
<section class="container mx-auto px-4 my-10">
<div class="">
<h1 class="text-2xl">Enter Our Preschool World!</h1>
<p>Welcome to the digital gateway of Holywisdom Public School's newest preschool! Explore the essence of early childhood education with our online platform, offering a glimpse into the vibrant and enriching world we've created for your child. Delve into our programs, meet our dedicated educators, and virtually tour our stimulating facilities. Stay connected with our community, receive updates on upcoming events, and embark on the exciting journey of discovery and growth that awaits your little one at Holywisdom Preschool. Start the adventure now!</p>
<p class="text-justify">Welcome to the digital gateway of Holywisdom Public School's newest preschool! Explore the essence of early childhood education with our online platform, offering a glimpse into the vibrant and enriching world we've created for your child. Delve into our programs, meet our dedicated educators, and virtually tour our stimulating facilities. Stay connected with our community, receive updates on upcoming events, and embark on the exciting journey of discovery and growth that awaits your little one at Holywisdom Preschool. Start the adventure now!</p>
</div>
</section>
<section class="container mx-auto px-4 pb-16">
<div class="flex flex-col">
<h1 class="text-2xl pt-4">About Holy Wisdom Public School</h1>
<p>Welcome to Holy Wisdom Public School, a nurturing haven for young minds inspired by the visionary Ishwar Chandra Vidyasagar, where we embrace the Maria Montessori education system. Our preschool is dedicated to creating an environment where children flourish, explore, and grow.</p>
<p class="text-justify">Welcome to Holy Wisdom Public School, a nurturing haven for young minds inspired by the visionary Ishwar Chandra Vidyasagar, where we embrace the Maria Montessori education system. Our preschool is dedicated to creating an environment where children flourish, explore, and grow.</p>
<h1 class="text-2xl pt-4"> Our Vision and Mission</h1>
<p class="text-justify">HOLY WISDOM PUBLIC SCHOOL, Kumra, Kumra Kashipur, Habra North 24 Parganas (W.B.)
establish in rural area for the development of the community and our society. Holy Wisdom
Public School will deliver a world class education that encourages collaboration
communication creativity and critical thinking. Our mission is to inspire every each students
not only excellence in academic but create a value of leadership and make them a disciplined
person. Holy Wisdom Public school will provide a safe and nurturing learning
environment. it will provide a high standard of knowledge promoting academic excellence
and cultivating leadership skill in our school. It is our mission to provide a safe and home like
atmosphere for children to teach students the important values of life, teach children to
respect their parents, teachers and all elders to built cultural value and patriotism.</p>
<!-- <model-viewer id="" class="w-full h-screen bg-[#05b3a430]" src="/assets/school_building_stage2.glb" ar ar-modes="webxr scene-viewer quick-look" camera-controls poster="/assets/poster.webp" shadow-intensity="1" camera-target="-2.135m 1.38m 0.17m" camera-orbit="-7.951e-16deg 80.69deg 136.1m" field-of-view="30deg">
<div class="progress-bar hide" slot="progress-bar">
<div class="update-bar"></div>
</div>
<div class="inline-flex" id="ar-prompt">
<img src="https://modelviewer.dev/shared-assets/icons/hand.png" />
<button class="-mt-2" slot="ar-button" id="ar-button">View in your space</button>
</div>
</model-viewer> -->
<!-- <model-viewer src="/assets/school_building_stage2.glb" ar ar-modes="webxr scene-viewer quick-look" camera-controls tone-mapping="neutral" poster="/assets/poster.webp" shadow-intensity="1">
<div class="progress-bar hide" slot="progress-bar">
<div class="update-bar"></div>
</div>
<button slot="ar-button" id="ar-button">
View in your space
</button>
<div id="ar-prompt">
<img src="https://modelviewer.dev/shared-assets/icons/hand.png">
</div>
</model-viewer> -->
<model-viewer class="w-full h-[400px] bg-[#3084b540]" src="/assets/school_building_stage2.glb" ar ar-modes="scene-viewer webxr quick-look" camera-controls tone-mapping="neutral" poster="/assets/poster.webp" shadow-intensity="1" field-of-view="80deg">
<div class="progress-bar hide" slot="progress-bar">
<div class="update-bar"></div>
</div>
<button slot="ar-button" id="ar-button">
View in your space
</button>
<div id="ar-prompt">
<img src="https://modelviewer.dev/shared-assets/icons/hand.png">
</div>
</model-viewer>
<!-- <model-viewer class="w-full h-screen" src="/assets/school_building_stage2.glb" ar ar-modes="webxr scene-viewer quick-look" camera-controls touch-action="pan-y" tone-mapping="neutral" poster="/assets/poster.webp" shadow-intensity="1.13" exposure="0.59" shadow-softness="1">
<div class="progress-bar hide h-screen" slot="progress-bar">
<div class="update-bar"></div>
</div>
<button slot="ar-button" id="ar-button">
View in your space
</button>
<div id="ar-prompt">
<img src="https://modelviewer.dev/shared-assets/icons/hand.png">
</div>
</model-viewer> -->
<h1 class="text-2xl pt-4"> Our Objective</h1>
<p class="text-justify">1. To achieve high standard of academic excellence.<br/>
2. To provide an education that prepare young minds to be creative compassionate
and innovative adults.<br/>
3. To prepare the students according to the interest and ability of the students.<br/>
4. Including a variety of learning tasks in the curriculam as some children
prefer learning by discovery rather than limitation.<br/>
5. Asking question that encourages original responses.<br/>
6. Providing time and scope to slow learners.</p>
<h1 class="text-2xl pt-4">Targets</h1>
<p class="text-justify">The class room is primarily responsible for developing intellect, compassion, respect, equality,
accountability and social responsibility which are the pillars of perfect character buildup.
Focus on extra curricular activities assist asthetic development, character building spiritual
growth, physical growth, enhances personality boosts confidence, programme on quiz test /
song poetry / abcus will be taught along with academic.</p>
<h1 class="text-2xl pt-4">Our Philosophy</h1>
<p>Rooted in Vidyasagar's Vision: At Holy Wisdom, we draw inspiration from Ishwar Chandra Vidyasagar's commitment to education. Our philosophy aligns with his vision of providing quality education that respects the natural development of each child.</p>
<p class="text-justify">Rooted in Vidyasagar's Vision: At Holy Wisdom, we draw inspiration from Ishwar Chandra Vidyasagar's commitment to education. Our philosophy aligns with his vision of providing quality education that respects the natural development of each child.</p>
<h1 class="text-2xl pt-4">What Sets Us Apart</h1>
<p>Child-Centric Learning: Understanding that every child is unique, our curriculum at Holy Wisdom is tailored to accommodate various learning styles. We celebrate individuality and encourage self-discovery.</p><br>
<p>Montessori Materials and Environments: Our classrooms are equipped with specially designed Montessori materials, inspired by Vidyasagar's dedication to innovative education. These materials, combined with thoughtfully crafted environments, inspire joy and curiosity in learning.</p>
<p class="text-justify">Child-Centric Learning: Understanding that every child is unique, our curriculum at Holy Wisdom is tailored to accommodate various learning styles. We celebrate individuality and encourage self-discovery.</p><br>
<p class="text-justify">Montessori Materials and Environments: Our classrooms are equipped with specially designed Montessori materials, inspired by Vidyasagar's dedication to innovative education. These materials, combined with thoughtfully crafted environments, inspire joy and curiosity in learning.</p>
<h1 class="text-2xl pt-4">Our Dedicated Educators</h1>
<p>Passionate and Trained Staff: Our team of educators is passionate about early childhood education and is trained in the Montessori philosophy. They guide, support, and observe each child's journey, fostering a love for learning that lasts a lifetime.</p>
<p class="text-justify">Passionate and Trained Staff: Our team of educators is passionate about early childhood education and is trained in the Montessori philosophy. They guide, support, and observe each child's journey, fostering a love for learning that lasts a lifetime.</p>
<h1 class="text-2xl pt-4">Core Values</h1>
<p>Respect, Responsibility, and Resilience: Holy Wisdom instills core values of respect, responsibility, and resilience in every child. Through practical life activities, sensorial experiences, and collaborative play, we build the foundation for future success.</p>
<p class="text-justify">Respect, Responsibility, and Resilience: Holy Wisdom instills core values of respect, responsibility, and resilience in every child. Through practical life activities, sensorial experiences, and collaborative play, we build the foundation for future success.</p>
<h1 class="text-2xl pt-4">Community Engagement</h1>
<p>A Community of Learners: We believe in the power of community. Holy Wisdom encourages parental involvement, creating a collaborative learning experience. Regular communication, events, and workshops ensure a strong partnership between school and family.</p>
<p class="text-justify">A Community of Learners: We believe in the power of community. Holy Wisdom encourages parental involvement, creating a collaborative learning experience. Regular communication, events, and workshops ensure a strong partnership between school and family.</p>
<h1 class="text-2xl pt-4">Visit Us Today</h1>
<p>Embark on this educational journey with us at Holy Wisdom Public School. Schedule a visit to explore our classrooms, meet our dedicated staff, and witness the magic of Maria Montessori inspired by the ideals of Ishwar Chandra Vidyasagar. <br/>At Holy Wisdom, we don't just educate; we inspire a lifelong love for learning.</p>
<p class="text-justify">Embark on this educational journey with us at Holy Wisdom Public School. Schedule a visit to explore our classrooms, meet our dedicated staff, and witness the magic of Maria Montessori inspired by the ideals of Ishwar Chandra Vidyasagar. <br/>At Holy Wisdom, we don't just educate; we inspire a lifelong love for learning.</p>
</div>
</section>
<section class="container mx-auto">

435
src/pages/admission.astro Normal file
View File

@ -0,0 +1,435 @@
---
import Layout from "../layouts/Layout.astro";
import ContactForm from "../components/ContactForm.vue";
---
<Layout title="">
<main>
<div class="pb-16">
<section class="container-fluid gradintBack">
<div
class="container mx-auto px-4 flex flex-col-reverse lg:flex-row place-items-center gap-4"
>
<div class="w-full">
<img
class="lg:max-w-3xl"
src="public/img/school-image-3.png"
alt=""
/>
</div>
<div class="flex flex-col w-full">
<h1
class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]"
>
Admission
</h1>
<h2 class="text-2xl md:text-3xl text-[#3084b5] py-4">
Discovering Bright Beginnings: Holywisdom's Engaging
Preschool Curriculum
</h2>
<h3 class="text-xl text-justify pb-4">
Thoughtfully structured and tiered learning
resources, influenced by Maria Montessori's
principles, tailored to highlight your expertise as
an educator. Meticulously designed for seamless
integration in both conventional classrooms and
homeschooling settings.
</h3>
<div class="flex flex-row place-content-between">
<button
onclick="formModal.showModal();"
class="text-sm xl:text-lg rounded-lg shadow-2xl text-[#3084b5] px-4 md:px-8 p-3 border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300"
>Get in Touch</button
>
<p class="text-base xl:text-lg font-bold">Or</p>
<a
href="/about"
class="text-sm xl:text-lg rounded-lg text-white shadow-2xl px-4 md:px-8 p-3 bg-[#3084b5] te border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300"
>Let's Check</a
>
</div>
</div>
</div>
</section>
<section class="flex justify-center">
<h1 class="text-2xl text-[#3084b5]">
Admission Procedure (English Medium, I.C.S.E. Curriculam)
</h1>
</section>
<section class="flex justify-center">
<h3 class="text-2xl">Day Division : 11.15 a.m. to 03.30 p.m</h3>
</section>
<section class="container mx-auto px-4 pt-16">
<h3 class="text-2xl">Age limit for admission in different categories <hr></h3>
<table class="table">
<thead>
<tr>
<th class="header">Class</th>
<th class="header">Age</th>
</tr>
</thead>
<tbody>
<tr>
<td>Nursery</td>
<td>3 years to 4 years</td>
</tr>
<tr>
<td>KG-1</td>
<td>4 years to 5 years</td>
</tr>
<tr>
<td>KG-2</td>
<td>5 years to 6 years</td>
</tr>
<tr>
<td>Standard-1</td>
<td>From 6 years</td>
</tr>
<tr>
<td>Standard-2</td>
<td>From 7 years</td>
</tr>
<tr>
<td>Standard-3</td>
<td>From 8 years</td>
</tr>
<tr>
<td>Standard-4</td>
<td>From 9 years</td>
</tr>
</tbody>
</table>
<div class="flex flex-col space-y-3 mt-6">
<p class="text-justify">1. Application for admission should be made in the prescribed form available along with the prospectus issued as per the school notice during the month of September to December.</p>
<p class="text-justify">2. Information regarding admission will be available on the school notice board and from the school office.</p>
<p class="text-justify">3. Admission will be carried out for the playgroup, pre-nursery / nursery class one “First come first serve basis” for candidates fulfilling the basic criteria.</p>
<p class="text-justify">
4.All information provided in the form should be accurate
and no subsequent change will be permitted.
</p>
<p class="text-justify">
Furnishing of inaccurate information will lead to rejection
of the Application form. The eligibility age for admission
to class Pre-Nursery 3+ years and that of Nursery is 4+
years of age on the first day of the academic year for which
admission is being sought.
</p>
<p class="text-justify">
5. Vacancies for other classes will be held during before
after the commencement of new session. Short listed
candidates will be called for interview and admission test
</p>
<p class="text-justify">
6. Admission requirement contain the date of birth of the
child along with the admission form copies must be submitted
</p>
<p class="text-justify">
7. One passport size photo of child to be given along with
the form. With necessary attachment should be dropped into
the school submission box as per the dates notified.
</p>
<p class="text-justify">
8. Candidates selected for admission will be notified.
</p>
<p class="text-justify">
9. The school reserves the right to reject any application
without giving any reasons.
</p>
</div>
<h1 class="text-xl md:text-3xl pt-2">Working Days <hr></h1>
<h2>Monday to Friday 11.00 a.m. to 3.30 p.m</h2>
<p>Saturday and Sunday are holidays and all Governments holidays mention on School Diary</p>
<h1 class="text-xl md:text-3xl mt-6">Working Hours <hr></h1>
<p>
The office is open for work from 9 a.m. to 3.30 p.m. Tuition
Fees must be paid by 25th of each month, if not—
</p>
<li>
Afte 25th of month you will have to pay an additional 100
rupees and tuition fees.
</li>
<li>
275 rupees additional to pay after two months with tuition
fees
</li>
<li>
If three months have passed, you have to pay the fees by
paing 1000 rupees again.
</li>
<div class="container">
<span class="en">English</span>
<input type="checkbox" class="check" />
<span class="bn">Bangla</span>
<div class="content contentEnglish flex flex-col space-y-3">
<h1 class="text-xl md:text-3xl">Overall School Facilitties</h1>
<li>I.C.S.E. based Curriculam</li>
<li>
Research based pedagogy and teaching methodology.
</li>
<li>Pearson Books.</li>
<li>
Classrooms equipped with state of the art technology
and Smart classes
</li>
<li>Small batch for each class.</li>
<li>
Competent and qualified teachers as per I.C.S.E.
guidelines.
</li>
<li>
Separate and Dedicated attendant for Junior Section.
</li>
<li>
Day boarding, Day care and Tuition Facilities
available.
</li>
<li>
Complimentary hygienic food to be served to students
in School Canteen.
</li>
<li>
Separate washrooms for boys and girls and staff in
all floors.
</li>
<li>
Well equipped infirmary with additional doctor on
call facility.
</li>
<li>CCTV Surveillance in entire School Campus.</li>
<li>Biometric Attendance System.</li>
<li>School pool car with GPS tracking enabled</li>
<li>Art a
<li>Training of Students with Music and Dance</li>
<li>Well stocked Library.</li>
<li>Abacus Classes</li>
<li>Drama.</li>
<li>Self Defence Classes — Karate and Taekwondo.</li>
</div>
<div class="content contentBengla flex flex-col space-y-3">
<h1 class="text-xl md:text-3xl pt-2">
স্কুলের সামগ্রিক সুযোগ সুবিধা
</h1>
<br/>
<li>বাংলা ও ইংরেজী দুটি মাধ্যমের সুবিধা উপলব্ধ</li>
<li>গবেষণা ভিত্তিক শিক্ষা ও শিখন পদ্ধতি</li>
<li>অত্যাধুনিক প্রযুক্তি ও স্মার্ট ক্লাসের সুযোগ</li>
<li>প্রতিটি শ্রেণীতে কমসংখ্যক ছাত্র ছাত্রী</li>
<li>
সরকারের নির্দেশনা অনুযায়ী ট্রেনিং প্রাপ্ত
শিক্ষক শিক্ষিকা
</li>
<li>ছোট বাচ্চাদের দেখাশোনার জন্য আলাদা দক্ষ কর্মী</li>
<li>
স্কুল থেকে স্বাস্থ্যকর ও গুণমান উন্নত খাবার পরিবেশন
</li>
<li>
প্রত্যেক ফ্লোরে ছাত্র ছাত্রীদের আলাদা এবং শিক্ষক
শিক্ষিকা ও স্টাফেদের আলাদা ওয়াশরুম
</li>
<li>
পুরো স্কুল ক্যাম্পাস সি সি টি ভি ক্যামেরার
নজরদারীর আওতাভুক্ত
</li>
<li>পুলকারেরর সুবিধা আছে</li>
<li>আর্ট এবং ক্রাফ্ট ক্লাস</li>
<li>ছাত্র ছাত্রীদের গান ও নাচ শেখানোর ক্লাস</li>
<li>উপযুক্ত গ্রন্থাগার</li>
<li>নাটক আবৃত্তির ক্লাস</li>
</div>
</div>
<!-- <h1 class="text-xl md:text-3xl mt-6">Fees Structure <hr></h1>
<table class="table">
<thead>
<tr>
<th colspan="6" class=" header">Admission Fees</th>
</tr>
<tr>
<th class="header">Fees</th>
<th class="header">Frequency</th>
<th class="header">Class Nursery to Upper K.G.</th>
<th class="header">Class I to II</th>
<th class="header">Class III to IV</th>
<th class="header">Class V to VIII</th>
</tr>
</thead>
<tbody>
<tr>
<td class="">Admission Fees + Registration Fees</td>
<td>One Time</td>
<td>8,000 + 4,000</td>
<td>10,000 + 6,000</td>
<td>12,000 + 6,000</td>
<td>15,000 + 10,000</td>
</tr>
<tr>
<td>Session Fees</td>
<td>Annualy</td>
<td>6,000</td>
<td>8,000</td>
<td>8,000</td>
<td>10,000</td>
</tr>
</tbody>
</table>
<table class="table">
<thead>
<tr>
<th colspan="6" class=" header">Tuition Fees</th>
</tr>
<tr>
<th class="header">Class</th>
<th class="header">Monthly</th>
<th class="header">Quarterly</th>
<th class="header">Annualy</th>
<th class="header">Class III to IV</th>
<th class="header">Class V to VIII</th>
</tr>
</thead>
<tbody>
<tr>
<td class="">Admission Fees + Registration Fees</td>
<td>One Time</td>
<td>8,000 + 4,000</td>
<td>10,000 + 6,000</td>
<td>12,000 + 6,000</td>
<td>15,000 + 10,000</td>
</tr>
<tr>
<td>Session Fees</td>
<td>Annualy</td>
<td>6,000</td>
<td>8,000</td>
<td>8,000</td>
<td>10,000</td>
</tr>
</tbody>
</table> -->
</section>
<section class="container mx-auto">
<div>
<dialog id="formModal" class="max-w-2xl rounded-xl">
<form method="dialog" class="">
<button class="text-3xl text-red-500 bg-[#3084b550] hover:bg-[#3084b580] px-4 py-2 rounded-full float-right">&#10008;</button>
<div class="">
<ContactForm client:visible/>
</div>
</form>
</dialog>
</div>
</section>
</div>
</main>
</Layout>
<style>
.gradintBack {
background: linear-gradient(
0deg,
rgb(71, 174, 106) 0%,
rgba(255, 255, 255) 40%
);
}
.container{
position: relative;
}
.container .content {
display: none;
margin-top: 20px;
}
.en{
color: #333;
}
.bn{
color: #00a1ff;
}
.container .content.contentEnglish {
display: block;
}
.check {
position: relative;
width: 61px;
height: 17px;
margin-top: 30px;
}
.check:before {
content: "";
position: absolute;
width: 60px;
height: 25px;
background: #333;
border-radius: 25px;
}
.check:checked:before {
background-color: #00a1ff;
}
.check:after {
content: "";
position: absolute;
left: 0px;
width: 25px;
height: 25px;
background: #fff;
border-radius: 25px;
transition: 0.25s;
border: 2px solid #333;
box-sizing: border-box;
}
.check:checked:after {
left: 25px;
border: 2px solid #00a1ff;
}
.check:checked ~ .content.contentEnglish {
display: none;
}
.check:checked ~ .content.contentBengla {
display: block;
}
.table {
width: 100%;
border-collapse: collapse;
}
.table, .table th, .table td {
border: 1px solid black;
}
.table th, .table td {
padding: 4px;
text-align: left;
}
.header {
background-color: #f2f2f2;
}
</style>

View File

@ -54,7 +54,7 @@ import Layout from "../layouts/Layout.astro";
<input type="submit" value="Submit" class="bg-[#3084b5] text-white rounded-lg py-2.5 px-6 float-right"/>
</div>
</form>
<div class="flex " id="thankYouSection" style="display: none;">
<div class="flex" id="thankYouSection" style="display: none;">
<h1 class="text-center text-black text-4xl">Thank You</h1>
</div>
</div>
@ -75,22 +75,26 @@ import Layout from "../layouts/Layout.astro";
contactForm.addEventListener('submit', async function (event) {
event.preventDefault();
const formData = {
name: nameInput.value,
email: emailInput.value,
mobile: phoneInput.value,
message: messageInput.value
};
console.log("Form Data", formData)
const url = 'https://api8.siliconpin.com/items/hps_contact';
let data = {
data:{
name: nameInput.value,
phone: phoneInput.value,
email: emailInput.value,
message: messageInput.value
},
owner: "Holly Wisdom Public School",
domain: window.location.origin,
referrer: "Holly Wisdom Public School"
}
console.log("Form Data", data)
const url = 'https://api.siliconpin.com/v3/contact-form-processor/';
try {
const response = await fetch(url, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(formData)
body: JSON.stringify(data)
});
if (response.ok) {
console.log('Form data submitted successfully');
@ -109,4 +113,34 @@ import Layout from "../layouts/Layout.astro";
.gradintBack {
background: linear-gradient(0deg, rgb(71, 174, 106) 0%, rgba(255, 255, 255) 40%);
}
</style>
</style>
<!-- function submitForm(){
const formData = {
data: {
name: document.getElementById('name').value,
email: document.getElementById('email').value,
phone: document.getElementById('phone').value
},
owner: document.getElementById('owner').value,
domain: document.getElementById('domain').value,
referrer: document.getElementById('referrer').value
};
fetch(`http://192.168.0.166:2053/v3/contact-form/`, {
method: 'POST',
headers: {
'Content-Type' : 'application/json',
},
body: JSON.stringify(formData)
})
.then(response => {
if(response.ok){
console.log('Form submitted succesfully!');
}else{
console.log('Form submitted faild!');
}
})
.then(error => {
console.error('an error occoured', error);
})
} -->

View File

@ -1,62 +1,345 @@
---
import Layout from "../layouts/Layout.astro";
import Slider from "../components/Slider.vue";
import Layout from '../layouts/Layout.astro';
import Slider from '../components/Slider.vue';
import ContactForm from '../components/ContactForm.vue';
import SliderHomepage from '../components/SliderHomepage.vue';
import FAQ from '../components/FAQ.vue'
let eventsData = [
{
"id": "1",
"event": "Saraswati Puja",
"img": "/img/ev1.jpg",
"description": "This event celebrates Saraswati, the goddess of knowledge, music, and arts. Students and teachers participate in rituals, prayers, and cultural programs to seek her blessings for wisdom and learning."
},
{
"id": "2",
"event": "Independence Day",
"img": "/img/ev2.jpg",
"description": "Celebrated on August 15th, this day marks India's independence from British rule. The school hosts flag-hoisting ceremonies, patriotic songs, speeches, and cultural performances to honor the nation's freedom fighters."
},
{
"id": "3",
"event": "Netajis Birthday",
"img": "/img/ev3.jpg",
"description": "This event commemorates the birth anniversary of Netaji Subhas Chandra Bose, a prominent freedom fighter. The school organizes special assemblies, speeches, and activities highlighting his contributions to India's independence movement."
},
{
"id": "4",
"event": "Childrens Day",
"img": "/img/ev4.jpg",
"description": "Celebrated on November 14th, Childrens Day marks the birth anniversary of Jawaharlal Nehru, Indias first Prime Minister. The day is filled with fun activities, games, and performances to celebrate and honor children."
},
{
"id": "5",
"event": "School Foundation Day",
"img": "/img/ev5.jpg",
"description": "This event celebrates the establishment of the school. It includes various activities such as speeches, cultural programs, and exhibitions to reflect on the school's journey and achievements over the years."
},
{
"id": "6",
"event": "Annual Sports Competitions",
"img": "/img/ev6.jpg",
"description": "This event is a highlight of the school year, featuring various sports and athletic competitions. Students participate in events like races, team sports, and other physical activities, promoting teamwork, sportsmanship, and physical fitness."
}
]
let compulsorySchoolData = [
{
"id": "1",
"name": "Etiquette",
"image": "/img/svg/hand.svg"
},
{
"id": "2",
"name": "Physical Education",
"image": "/img/svg/education.svg"
},
{
"id": "3",
"name": "Singing and poetry",
"image": "/img/svg/sing.svg"
},
{
"id": "4",
"name": "Sports",
"image": "/img/svg/football.svg"
},
{
"id": "5",
"name": "Painting",
"image": "/img/svg/paint.svg"
},
{
"id": "6",
"name": "Abacus",
"image": "/img/svg/abacus.svg"
},
{
"id": "7",
"name": "Discipline",
"image": "/img/svg/des.svg"
},
{
"id": "8",
"name": "Hand work",
"image": "/img/svg/handwork.svg"
},
{
"id": "9",
"name": "Drama",
"image": "/img/svg/drama.svg"
},
{
"id": "10",
"name": "Computer",
"image": "/img/svg/computer.svg"
},
{
"id": "11",
"name": "Karate",
"image": "/img/svg/karate.svg"
}
]
let outSportsData = [
{
"id": "1",
"name": "Basket Ball",
"image": "/img/svg/basketball.svg"
},
{
"id": "2",
"name": "Volley Ball",
"image": "/img/svg/volley.svg"
},
{
"id": "3",
"name": "Badminton",
"image": "/img/svg/bad.svg"
},
{
"id": "4",
"name": "Football",
"image": "/img/svg/football.svg"
},
{
"id": "5",
"name": "Cricket",
"image": "/img/svg/cricket.svg"
},
{
"id": "6",
"name": "Adventured Sports (Proposed)",
"image": "/img/svg/hill.svg"
}
]
let inSportsData = [
{
"id": "1",
"name": "Chess",
"image": "/img/svg/chess.svg"
},
{
"id": "2",
"name": "Carrom",
"image": "/img/svg/carrom.svg"
},
{
"id": "3",
"name": "Table Tennis",
"image": "/img/svg/tennis.svg"
}
]
---
<Layout title="">
<main>
<div>
<section class="container-fluid gradintBack">
<div class="container mx-auto px-4 flex flex-col-reverse lg:flex-row place-items-center">
<div class="w-full">
<img class="lg:max-w-3xl" src="/img/school2.png" alt="">
</div>
<div class="flex flex-col w-full">
<h1 class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]">Preschool Learning at Holywisdom</h1>
<h2 class="text-2xl md:text-3xl text-[#3084b5] py-4">Discovering Bright Beginnings: Holywisdom's Engaging Preschool Curriculum</h2>
<h3 class="text-xl text-justify pb-4">Thoughtfully structured and tiered learning resources, influenced by Maria Montessori's principles, tailored to highlight your expertise as an educator. Meticulously designed for seamless integration in both conventional classrooms and homeschooling settings.</h3>
<div class="flex flex-row place-content-between">
<button onclick="formModal.showModal();" class="text-sm xl:text-lg rounded-lg shadow-2xl text-[#3084b5] px-4 md:px-8 p-3 border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300">Get in Touch</button>
<p class="text-base xl:text-lg font-bold">Or</p>
<a href="/about" class="text-sm xl:text-lg rounded-lg text-white shadow-2xl px-4 md:px-8 p-3 bg-[#3084b5] te border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300">Let's Check</a>
</div>
</div>
</div>
</section>
<div class="container mx-auto px-4 flex flex-col-reverse lg:flex-row place-items-center">
<div class="w-full">
<img class="lg:max-w-3xl" src="/img/school2.png" alt="" />
</div>
<div class="flex flex-col w-full">
<h1 class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]">Preschool Learning at Holywisdom</h1>
<h2 class="text-2xl md:text-3xl text-[#3084b5] py-4">Discovering Bright Beginnings: Holywisdom's Engaging Preschool Curriculum</h2>
<h3 class="text-xl text-justify pb-4">Thoughtfully structured and tiered learning resources, influenced by Maria Montessori's principles, tailored to highlight your expertise as an educator. Meticulously designed for seamless integration in both conventional classrooms and homeschooling settings.</h3>
<div class="flex flex-row place-content-between">
<button onclick="formModal.showModal();" class="text-sm xl:text-lg rounded-lg shadow-2xl text-[#3084b5] px-4 md:px-8 p-3 border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300">Get in Touch</button>
<p class="text-base xl:text-lg font-bold">Or</p>
<a href="/curriculum" class="text-sm xl:text-lg rounded-lg text-white shadow-2xl px-4 md:px-8 p-3 bg-[#3084b5] te border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300">Let's Check</a>
</div>
</div>
</div>
</section>
<section class="container mx-auto px-4 pt-16">
<div class="">
<h1 class="text-xl md:text-3xl">Curriculum</h1>
<p>Welcome to Holywisdom Public School's Curriculum Page! At Holywisdom, we believe in providing a nurturing and enriching learning experience for your child. Our curriculum is designed to foster a love for learning, encourage creativity, and lay the foundation for a well-rounded education.</p>
<h1 class="text-xl md:text-3xl pt-2">Our Approach</h1>
<p>We follow a child-centric approach to education at Holywisdom, recognizing that each child is unique and learns at their own pace. Our experienced educators create a supportive and engaging environment where curiosity is encouraged, and every child feels valued.</p>
<div class="space-y-3">
<h1 class="text-xl md:text-3xl">Curriculum <hr></h1>
<!-- <p>Welcome to Holywisdom Public School's Curriculum Page! At Holywisdom, we believe in providing a nurturing and enriching learning experience for your child. Our curriculum is designed to foster a love for learning, encourage creativity, and lay the foundation for a well-rounded education.</p> -->
<p>
The main thrust of our curriculum is based on innovative
and creative activities in and outside the class room we
have a well planed pre-school program which consists of
the following integrated project based activities.
</p>
<li>
We keep on introducing new projects taking along the
previous ones. Focus on creative teaching through role
play story dramatization dance, music rhymes are a great
way to make children step out of their comfort zone and
develop their inner personnel skills.
</li>
<li>
Punctuality is of prime importance students fail to
enter the premise on time will not be allowed to enter
the school without concern of the Principal-In-Charge.
</li>
<li>
Attendance below 75% will fail to sit in exam. Absentees
for 7 consecutive days without proper notice guardian of
the students will be called.
</li>
<li>
Students must carry their students Identity Cards and
the school diary during school campus.
</li>
<li>
All the students will follow the rules and regulation of
the school. Incase any student fail necessary action
will be taken
</li>
<h1 class="text-3xl">Compulsory in our school <hr></h1>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-6">
{compulsorySchoolData.map((data) => (
<div class="drop-shadow-2xl flex flex-col justify-center place-items-center items-center hover:bg-[#3084b530] p-2 rounded-lg duration-[1s] cursor-pointer">
<img class="" src={data.image} alt="" />
<h2 class="pt-3">{data.name}</h2>
</div>
))}
</div>
<h1 class="text-xl md:text-3xl pt-2">Special Events <hr></h1>
<div>
<h2>Attendence of all students is compulsory on various occassion like--</h2>
<p>At the same time we also desire the presence of Guardians.</p>
<p>All programs are performed by students.</p>
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 ">
{eventsData.map((data, index) => (
<div class="rounded-xl p-4 shadow-lg bg-slate-200" >
<img class="w-full rounded-t-xl" src={data.img} alt={data.event} />
<h2 class="text-2xl font-semibold mt-2 font-bold">{data.event}</h2>
<p class="text-justify">{data.description}</p>
</div>
))}
</div>
<h1 class="text-3xl">Outdoor Sports <hr></h1>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-6">
{outSportsData.map((data) => (
<div class="drop-shadow-2xl flex flex-col justify-center place-items-center items-center hover:bg-[#3084b530] p-2 rounded-lg duration-[1s] cursor-pointer">
<img class="" src={data.image} alt="" />
<h2 class="pt-3">{data.name}</h2>
</div>
))}
</div>
<h1 class="text-3xl">Indoor Sports <hr></h1>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-6">
{inSportsData.map((data) => (
<div class="drop-shadow-2xl flex flex-col justify-center place-items-center items-center hover:bg-[#3084b530] p-2 rounded-lg duration-[1s] cursor-pointer">
<img class="" src={data.image} alt="" />
<h2 class="pt-3">{data.name}</h2>
</div>
))}
</div>
<h1 class="text-xl md:text-3xl pt-2">Obligatory <hr></h1>
<p>1. Every students should be present in school before prayer</p>
<p>2. Parents are prohibited from entering the school premises without reason.</p>
<p>3. Parents can inform the authorities directly or in writing if there is any matter of the school</p>
<p>4. Contact the headmistress directly if any problem occurs with the child</p>
<p>5. The school bus will be closed on the day of theSpecial Event.</p>
<h1 class="text-xl md:text-3xl pt-2">Our Approach <hr></h1>
<p>
We follow a child-centric approach to education at
Holywisdom, recognizing that each child is unique and
learns at their own pace. Our experienced educators
create a supportive and engaging environment where
curiosity is encouraged, and every child feels valued.
</p>
<div class="flex flex-col xl:flex-row gap-x-4">
<div>
<h1 class="text-xl md:text-3xl pt-2">Key Focus Areas</h1>
<h2 class="text-lg md:text-2xl"> 1. Early Literacy and Numeracy:</h2>
<h1 class="text-xl md:text-3xl pt-2">Key Focus Areas <hr></h1>
<h2 class="text-xl pt-2">1. Early Literacy and Numeracy:</h2>
<p class="text-base text-justify"> Introduction to letters, numbers, and basic literacy skills through interactive and play-based activities.</p>
<h2 class="text-lg md:text-2xl"> 2. Social and Emotional Development:</h2>
<h2 class="text-xl pt-2">2. Social and Emotional Development: </h2>
<p class="text-base text-justify"> Activities promoting teamwork, communication, and emotional well-being to develop strong social skills.</p>
<h2 class="text-lg md:text-2xl"> 3. Creative Arts:</h2>
<p class="text-base text-justify"> Exploration of creativity through art, music, and imaginative play, fostering self-expression and confidence.</p>
<h2 class="text-lg md:text-2xl"> 4. Physical Development:</h2>
<p class="text-base text-justify"> Fun and age-appropriate physical activities to enhance motor skills and promote a healthy lifestyle.</p>
<h2 class="text-lg md:text-2xl"> 5. Nature and Science Exploration:</h2>
<p class="text-base text-justify"> Hands-on experiences to spark curiosity about the world, introducing basic science concepts and appreciation for nature.</p>
<h2 class="text-xl pt-2">3. Creative Arts:</h2>
<p class="text-base text-justify">Exploration of creativity through art, music, and imaginative play, fostering self-expression and confidence.</p>
<h2 class="text-xl pt-2">
4. Physical Development:
</h2>
<p class="text-base text-justify">
Fun and age-appropriate physical activities to
enhance motor skills and promote a healthy
lifestyle.
</p>
<h2 class="text-xl pt-2">
5. Nature and Science Exploration:
</h2>
<p class="text-base text-justify">
Hands-on experiences to spark curiosity about
the world, introducing basic science concepts
and appreciation for nature.
</p>
</div>
<div>
<Slider client:visible />
</div>
</div>
<h1 class="text-xl md:text-3xl pt-2">Daily Schedule</h1>
<p>Our daily schedule at Holywisdom is thoughtfully crafted to provide a balance of structured learning, free play, and rest. This ensures that your child receives a comprehensive and enjoyable early education experience.</p>
<h1 class="text-xl md:text-3xl pt-2">Parental Involvement</h1>
<p>We encourage parental involvement at Holywisdom and believe that collaboration between educators and parents is essential for a child's holistic development. Regular updates, parent-teacher conferences, and special events foster a strong partnership between home and school. Join us at Holywisdom Public School as we embark on an exciting journey of early childhood education together. If you have any questions or would like more information about our curriculum, feel free to reach out. We're here to support you and your child every step of the way</p>
<h1 class="text-xl md:text-3xl pt-2">Daily Schedule <hr></h1>
<p>
Our daily schedule at Holywisdom is thoughtfully crafted
to provide a balance of structured learning, free play,
and rest. This ensures that your child receives a
comprehensive and enjoyable early education experience.
</p>
<h1 class="text-xl md:text-3xl pt-2">Parental Involvement <hr></h1>
<div class="flex flex-col-reverse md:flex-row gap-4">
<div class="w-full">
<p class="text-justify">We encourage parental involvement at Holywisdom and believe that collaboration between educators and parents is essential for a child's holistic development. Regular updates, parent-teacher conferences, and special events foster a strong partnership between home and school. Join us at Holywisdom Public School as we embark on an exciting journey of early childhood education together. If you have any questions or would like more information about our curriculum, feel free to reach out. We're here to support you and your child every step of the way</p>
</div>
<div class="w-full md:w-1/2">
<img src="/img/parent.jpg" alt="" />
</div>
</div>
</div>
</section>
<section class="container mx-auto">
<div>
<dialog id="formModal" class="max-w-2xl rounded-xl">
<form method="dialog" class="">
<button class="text-3xl text-red-500 bg-[#3084b550] hover:bg-[#3084b580] px-4 py-2 rounded-full float-right">&#10008;</button>
<div class="">
<ContactForm client:visible/>
</div>
</form>
</dialog>
</div>
</section>
</div>
</main>
</Layout>
<style>
.gradintBack {
background: linear-gradient(0deg, rgb(71, 174, 106) 0%, rgba(255, 255, 255) 40%);
}
</style>
.gradintBack {
background: linear-gradient(
0deg,
rgb(71, 174, 106) 0%,
rgba(255, 255, 255) 40%
);
}
.w-96 {
width: 11rem;
}
</style>

View File

@ -1,92 +1,275 @@
---
import Layout from '../layouts/Layout.astro';
import ContactForm from '../components/ContactForm.vue';
import SliderHomepage from '../components/SliderHomepage.vue';
import FAQ from '../components/FAQ.vue'
import Layout from "../layouts/Layout.astro";
import ContactForm from "../components/ContactForm.vue";
import SliderHomepage from "../components/SliderHomepage.vue";
import FAQ from "../components/FAQ.vue";
---
<!-- An AI powered British Preschool Curriculum -->
<Layout title="Welcome to Astro.">
<main>
<div class="pb-16">
<section class="container-fluid gradintBack">
<div class="container mx-auto px-4 flex flex-col-reverse lg:flex-row place-items-center">
<div
class="container mx-auto px-4 flex flex-col-reverse lg:flex-row place-items-center"
>
<div class="w-full">
<img class="lg:max-w-2xl" src="/img/image.png" alt="">
<!-- <img class="lg:max-w-2xl" src="/img/image.png" alt=""> -->
<img class="lg:max-w-2xl" src="public/img/school-image-4.png" alt=""
/>
</div>
<div class="flex flex-col w-full">
<h1 class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]">A Montessori-inspired Preschool Curriculum</h1>
<h2 class="text-2xl md:text-3xl text-[#3084b5] py-4">Conduct classroom sessions effortlessly and with assurance.</h2>
<h3 class="text-xl text-justify pb-4">Carefully organized and tiered educational materials, inspired by the principles of Maria Montessori, designed to showcase your excellence as an instructor. Strategically crafted for effective implementation in both traditional classrooms and homeschool environments.</h3>
<!-- <h1 class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]">A Montessori-inspired Preschool Curriculum</h1> -->
<h1
class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]"
>
HOLY WISDOM PUBLIC SCHOOL
</h1>
<!-- <h2 class="text-2xl md:text-3xl text-[#3084b5] py-4">Conduct classroom sessions effortlessly and with assurance.</h2> -->
<h2 class="text-2xl md:text-2xl text-[#3084b5] py-4">
An ideal institution for Childrens Education in
this area.
</h2>
<h3 class="text-xl text-justify pb-4">
Carefully organized and tiered educational
materials, inspired by the principles of Maria
Montessori, designed to showcase your excellence as
an instructor. Strategically crafted for effective
implementation in both traditional classrooms and
homeschool environments.
</h3>
<div class="flex flex-row place-content-between">
<button onclick="formModal.showModal();" class="text-sm xl:text-lg rounded-lg shadow-2xl text-[#3084b5] px-4 md:px-8 p-3 border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300">Get in Touch</button>
<p class="text-base xl:text-lg font-bold">Or</p>
<a href="/curriculum" class="text-sm xl:text-lg rounded-lg text-white shadow-2xl px-4 md:px-8 p-3 bg-[#3084b5] te border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300">Let's Check</a>
<a href="/curriculum" class="text-sm xl:text-lg rounded-lg text-white shadow-2xl px-4 md:px-8 p-3 bg-[#3084b5] te border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300">Let's Check</a>
</div>
</div>
</div>
<!-- grid grid-cols-1 md:grid-cols-2 -->
</section>
<section class="container mx-auto px-4 my-10">
<div class="flex flex-col xl:flex-row gap-x-10">
<div class="flex flex-col justify-center">
<h1 class="text-3xl">Enter Our Preschool World!</h1>
<p class="text-justify text-lg">Welcome to the digital gateway of Holywisdom Public School's newest preschool! Explore the essence of early childhood education with our online platform, offering a glimpse into the vibrant and enriching world we've created for your child. Delve into our programs, meet our dedicated educators, and virtually tour our stimulating facilities. Stay connected with our community, receive updates on upcoming events, and embark on the exciting journey of discovery and growth that awaits your little one at Holywisdom Preschool. Start the adventure now!</p>
<section class="container mx-auto px-4 mt-16 mb-10 2xl:-mb-16">
<div class="flex flex-col md:flex-row justify-center gap-4">
<div class="w-full md:w-2/3">
<img class="" src="/img/curri.jpg" alt="" />
</div>
<div class="w-full flex flex-col gap-4">
<h1 class="text-3xl">Explore Holy Wisdom Public School <hr></h1>
<p class="text-justify text-lg">Welcome to Holy Wisdom Public School! Here, we help your little ones start their learning journey with curiosity and joy. Our curriculum is designed to make learning fun and engaging, and we celebrate exciting events like Saraswati Puja, Independence Day, Netajis Birthday, Childrens Day, School Foundation Day, and Annual Sports Competitions. We are dedicated to creating a warm and supportive environment where every child feels cared for and encouraged to explore. Join us and watch your child grow, learn, and thrive in a place where their happiness and development come first.</p>
<div><a href="/curriculum" class="text-lg rounded-lg text-white shadow-2xl p-2 bg-[#3084b5] border-2 border-[#3084b5]">Discover Now</a></div>
</div>
</div>
</section>
<section class="container mx-auto px-4 mb-10">
<div class="flex flex-col xl:flex-row gap-6">
<div class="flex flex-col justify-center gap-4">
<h1 class="text-3xl">Enter Our Preschool World! <hr></h1>
<p class="text-justify text-lg"> Welcome to the digital gateway of Holywisdom Public School's newest preschool! Explore the essence of early childhood education with our online platform, offering a glimpse into the vibrant and enriching world we've created for your child. Delve into our programs, meet our dedicated educators, and virtually tour our stimulating facilities. Stay connected with our community, receive updates on upcoming events, and embark on the exciting journey of discovery and growth that awaits your little one at Holywisdom Preschool. Start the adventure now!
<div><a href="/admission" class="text-lg rounded-lg text-white shadow-2xl p-2 bg-[#3084b5] border-2 border-[#3084b5]">Discover Now</a></div>
</p>
</div>
<div>
<SliderHomepage client:visible />
</div>
</div>
</section>
<section class="container mx-auto px-4 ">
</section>
<section class="container mx-auto px-4">
<div class="pt-6">
<h1 class="text-3xl">Legacy-Inspired Education <hr></h1>
<p class="text-lg text-justify">
At Holywisdom Public School, we are dedicated to
following the Maria Montessori method and draw
inspiration from the visionary Iswar Chandra Vidyasagar.
Our educational philosophy aligns with their principles,
creating an environment that honors the individuality of
each child and nurtures their natural development. We
believe in fostering a love for learning that lasts a
lifetime, embodying the ideals envisioned by Maria
Montessori and Iswar Chandra Vidyasagar.
</p>
</div>
</section>
<section class="container mx-auto px-4 mt-6">
<h1 class="text-3xl mb-6">Why Choose Holy Wisdom Public School? <hr></h1>
<div class="flex flex-col-reverse lg:flex-row gap-6 justify-center">
<div class="w-full">
<p class="text-justify ">Holy Wisdom Public School offers a comprehensive educational experience with a strong emphasis on academic excellence, ethical values, and holistic development. The school is equipped with modern facilities, ensuring a safe and nurturing environment for students. With a dedicated faculty and a curriculum that balances academics with extracurricular activities, students are prepared for future challenges while also being encouraged to engage in community service and social responsibility.</p>
</div>
<div>
<div class="w-full">
<img class="drop-shadow-2xl" src="/img/school56.png" alt="" />
</div>
</div>
</div>
</section>
<section class="container mx-auto px-4">
<h1 class="text-2xl">Comprehensive and Engaging Educational Programs for Kids <hr></h1>
<p class="text-justify">Our educational programs for kids are designed to provide engaging, interactive, and fun learning experiences that spark curiosity and foster a love for learning from an early age. We offer a wide range of activities and curriculum tailored to support the holistic development of children, including critical thinking, creativity, social skills, and emotional intelligence. With a focus on hands-on learning and real-world applications, our programs inspire young minds to explore, discover, and reach their full potential.</p>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 mt-8">
<div class="box w-full relative max-w-2xl mx-auto h-auto">
<div class="imgBx">
<img src="public/img/school10.jpg" alt="image" />
</div>
<div class="content">
<h2>Nursery <hr></h2>
<p class="text-justify leading-9">Our Nursery program builds on the foundational skills and introduces structured learning to your child, which includes early literacy and numeracy.</p>
</div>
</div>
<div class="box w-full relative max-w-2xl mx-auto h-auto">
<div class="imgBx">
<img src="public/img/school9.jpg" alt="image" />
</div>
<div class="content">
<h2>KG-1 <hr></h2>
<p class="text-justify leading-9">Our KG-1 program prepares your child for formal schooling with a more integrated preschool curriculum focusing on language and cognitive skills.</p>
</div>
</div>
<div class="box w-full relative max-w-2xl mx-auto h-auto">
<div class="imgBx">
<img src="public/img/school8.jpg" alt="image" />
</div>
<div class="content">
<h2>KG-2 <hr></h2>
<p class="text-justify leading-9">Our KG-2 program refines your childs academic, social, and creative abilities and ensures that your child is perfectly ready for formal schooling.</p>
</div>
</div>
<div class="box w-full relative max-w-2xl mx-auto h-auto">
<div class="imgBx">
<img src="public/img/school 7.jpg" alt="image" />
</div>
<div class="content">
<h2>Standard 1-4 <hr></h2>
<p class="text-justify leading-9">Our Standard 1-4 program refines your childs academic, social, and creative abilities and ensures that your child is perfectly ready for formal schooling.</p>
</div>
</div>
</div>
</section>
<section class="container mx-auto px-4 mt-16">
<div class="flex flex-col-reverse lg:flex-row gap-x-6 bg-[#47ae6a50] justify-center place-items-center rounded-2xl p-6">
<div class="flex flex-col w-fit">
<h1 class="text-3xl">Vidyasagar's Educational Ideals</h1>
<p class="text-justify text-lg pb-4">Iswar Chandra Vidyasagar, a trailblazing educator, believed that education should not only impart knowledge but also instill moral values and character. He championed the idea that education must be accessible to everyone, breaking down societal barriers. Vidyasagar's vision emphasized holistic development and the importance of educating girls, recognizing the pivotal role they play in societal progress. His enduring legacy inspires us to provide inclusive and values-driven education for children, empowering them to become responsible and compassionate individuals.</p>
<a href="/vidyasagar" class="bg-blue-700 w-fit text-white px-6 py-2.5 rounded-lg hover:scale-105 hover:shadow-lg duration-500">Read More >></a>
<h1 class="text-3xl"> Vidyasagar's Educational Ideals </h1>
<p class="text-justify text-lg pb-4"> Iswar Chandra Vidyasagar, a trailblazing educator, believed that education should not only impart knowledge but also instill moral values and character. He championed the idea that education must be accessible to everyone, breaking down societal barriers. Vidyasagar's vision emphasized holistic development and the importance of educating girls, recognizing the pivotal role they play in societal progress. His enduring legacy inspires us to provide inclusive and values-driven education for children, empowering them to become responsible and compassionate individuals.
</p>
<a
href="/vidyasagar"
class="bg-blue-700 w-fit text-white px-6 py-2.5 rounded-lg hover:scale-105 hover:shadow-lg duration-500"
>Read More >></a
>
</div>
<div class="flex ">
<img class="w-full rounded-2xl" src="/img/pundit1.jpg" alt="">
</div>
</div>
</section>
<section class="container mx-auto px-4 pt-10">
<div class="flex flex-col lg:flex-row gap-x-6 bg-[#47ae6a50] justify-center place-items-center rounded-2xl p-6">
<div class="flex">
<img class="w-full rounded-2xl" src="/img/maria.jpg" alt="">
<img class="w-full rounded-2xl" src="/img/pundit1.jpg" alt="" />
</div>
</div>
<div class="flex flex-col lg:flex-row gap-x-6 bg-[#47ae6a50] justify-center place-items-center rounded-2xl p-6 mt-10">
<div class="flex">
<img class="w-full rounded-2xl" src="/img/maria.jpg" alt="" />
</div>
<div class="flex flex-col w-fit">
<h1 class="text-3xl">Cultivating Curiosity in Every Child</h1>
<p class="text-justify text-lg pb-4">Maria Montessori, the founder of the Montessori method, emphasized the profound importance of understanding and respecting children. She believed that children are inherently curious, capable, and possess an innate desire to learn. Montessori emphasized providing an environment that allows children to explore and discover at their own pace, fostering independence, creativity, and a love for learning. In her words, "Free the child's potential, and you will transform him into the world." Montessori education is built on the premise of nurturing the natural development of each child, recognizing their unique abilities and potential.</p>
<a href="/montessori" class="bg-blue-700 w-fit text-white px-6 py-2.5 rounded-lg hover:scale-105 hover:shadow-lg duration-500">Read More >></a>
<p class="text-justify text-lg pb-4"> Maria Montessori, the founder of the Montessori method, emphasized the profound importance of understanding and respecting children. She believed that children are inherently curious, capable, and possess an innate desire to learn. Montessori emphasized providing an environment that allows children to explore and discover at their own pace, fostering independence, creativity, and a love for learning. In her words, "Free the child's potential, and you will transform him into the world." Montessori education is built on the premise of nurturing the natural development of each child, recognizing their unique abilities and potential.
</p>
<a href="/montessori" class="bg-blue-700 w-fit text-white px-6 py-2.5 rounded-lg hover:scale-105 hover:shadow-lg duration-500" >Read More >></a>
</div>
</div>
</section>
<section class="container mx-auto px-4 ">
<div class="pt-6">
<h1 class="text-3xl">Legacy-Inspired Education</h1>
<p class="text-lg">At Holywisdom Public School, we are dedicated to following the Maria Montessori method and draw inspiration from the visionary Iswar Chandra Vidyasagar. Our educational philosophy aligns with their principles, creating an environment that honors the individuality of each child and nurtures their natural development. We believe in fostering a love for learning that lasts a lifetime, embodying the ideals envisioned by Maria Montessori and Iswar Chandra Vidyasagar.</p>
</div>
</div>
</section>
<div class="container mx-auto px-4">
<FAQ client:visible />
</div>
<section class="container mx-auto">
<div>
<dialog id="formModal" class="max-w-2xl rounded-xl">
<form method="dialog" class="">
<button class="text-3xl text-red-500 bg-[#3084b550] hover:bg-[#3084b580] px-4 py-2 rounded-full float-right">&#10008;</button>
<div class="">
<ContactForm client:visible/>
<div>
<dialog id="formModal" class="max-w-2xl rounded-xl">
<form method="dialog" class="">
<button
class="text-3xl text-red-500 bg-[#3084b550] hover:bg-[#3084b580] px-4 py-2 rounded-full float-right">&#10008;</button>
<div class="">
<ContactForm client:visible />
</div>
</form>
</dialog>
</div>
</section>
</form>
</dialog>
</div>
</section>
</div>
</main>
<style>
.gradintBack {
background: linear-gradient(
0deg,
rgb(71, 174, 106) 0%,
rgba(255, 255, 255) 40%
);
}
.box {
position: relative;
width: 300px;
height: 200px;
background: #000;
box-shadow: 0 20px 20px rgba(0, 0, 0, 0.3);
}
.box .imgBx {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.box .imgBx img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.5s;
}
.box:hover .imgBx img {
opacity: 0;
}
.box .content {
position: absolute;
bottom: 0px;
/* left: 10%; */
width: 100%;
height: 40px;
background: #fff;
transition: 0.5s;
overflow: hidden;
padding: 12px;
box-sizing: border-box;
text-align: center;
}
.box:hover .content {
width: 100%;
height: 100%;
bottom: 0;
left: 0;
}
.box .content h2 {
margin: 0;
padding: 0;
font-size: 20px;
}
.box .content p {
/* margin: 10px 0 0; */
padding: 0;
opacity: 0;
line-height: 1.2em;
transition: 0.5s;
text-align: justify;
}
.box:hover .content p {
opacity: 1;
transition-delay: 0.5s;
}
</style>
</Layout>
<style>
.gradintBack {
background: linear-gradient(0deg, rgb(71, 174, 106) 0%, rgba(255, 255, 255) 40%);
}
</style>

138
src/pages/overview.astro Normal file
View File

@ -0,0 +1,138 @@
---
import Layout from "../layouts/Layout.astro";
import ContactForm from '../components/ContactForm.vue';
---
<Layout title="">
<main>
<div class="mb-16">
<section class="container-fluid gradintBack">
<div class="container mx-auto px-4 flex flex-col-reverse lg:flex-row place-items-center">
<div class="w-full">
<!-- <img class="lg:max-w-2xl" src="/img/image.png" alt=""> -->
<img class="lg:max-w-2xl" src="public/img/school-bus.png" alt="">
</div>
<div class="flex flex-col w-full">
<h2 class="text-2xl md:text-2xl text-[#3084b5] py-4">An ideal institution for Childrens Education in this area.</h2>
<h3 class="text-xl text-justify pb-4">Discover essential details about our school's dress code and necessary supplies for students, ensuring preparedness and comfort throughout the school year.</h3>
<div class="flex flex-row place-content-between">
<button onclick="formModal.showModal();" class="text-sm xl:text-lg rounded-lg shadow-2xl text-[#3084b5] px-4 md:px-8 p-3 border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300">Get in Touch</button>
<p class="text-base xl:text-lg font-bold">Or</p>
<a href="/curriculum" class="text-sm xl:text-lg rounded-lg text-white shadow-2xl px-4 md:px-8 p-3 bg-[#3084b5] te border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300">Let's Check</a>
</div>
</div>
</div>
</section>
<section class="container mx-auto px-4">
<div>
<h1 class="text-xl md:text-3xl pt-2">School Uniform</h1>
<table class="table">
<thead>
<tr>
<th class="header">Category</th>
<th class="header">Item</th>
<th class="header">Details</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="5">Boys</td>
<td>Shirt</td>
<td>Canary Yellow T-Shirt with bottle green collar</td>
</tr>
<tr>
<td>Pants</td>
<td>Bottle green pant</td>
</tr>
<tr>
<td>Tie and Belt</td>
<td>Bottle green tie and belt</td>
</tr>
<tr>
<td>Footwear</td>
<td>Black boots and white socks</td>
</tr>
<tr>
<td>Winter Wear</td>
<td>Bottle green sweater</td>
</tr>
<tr>
<td rowspan="5">Girls</td>
<td>Shirt</td>
<td>Canary Yellow T-Shirt with bottle green collar</td>
</tr>
<tr>
<td>Skirt</td>
<td>Bottle green skirts</td>
</tr>
<tr>
<td>Tie and Belt</td>
<td>Bottle green tie and belt</td>
</tr>
<tr>
<td>Footwear</td>
<td>Black boots and white socks</td>
</tr>
<tr>
<td>Winter Wear</td>
<td>Bottle green cardigan</td>
</tr>
<tr>
<td rowspan="3">P.T. Dress</td>
<td>Shirt</td>
<td>Yellow T-Shirt</td>
</tr>
<tr>
<td>Pants</td>
<td>Navy blue pant</td>
</tr>
<tr>
<td>Footwear</td>
<td>White shoes and socks</td>
</tr>
<tr>
<td colspan="3"><strong>Note:</strong> Boys and girls' T-shirt, pants, skirt, P.T. dress, tie, belt, and batch price is 1,400 Rs. Black boots, white shoes, and socks will not be provided by the school.</td>
</tr>
</tbody>
</table>
</div>
<div>
<h1 class="text-xl md:text-3xl pt-2">School Car</h1>
<p>School buses / car are available for students. For this, you have to apply on the day of admission</p>
<h1 class="text-xl md:text-3xl pt-2">Materials Required</h1>
<p>All the books and notebooks, uniforms etc. are provided to the children by the school at fair price.</p>
</div>
</section>
<section class="container mx-auto">
<div>
<dialog id="formModal" class="max-w-2xl rounded-xl">
<form method="dialog" class="">
<button class="text-3xl text-red-500 bg-[#3084b550] hover:bg-[#3084b580] px-4 py-2 rounded-full float-right">&#10008;</button>
<div class="">
<ContactForm client:visible/>
</div>
</form>
</dialog>
</div>
</section>
</div>
</main>
</Layout>
<style>
.gradintBack {
background: linear-gradient(0deg, rgb(71, 174, 106) 0%, rgba(255, 255, 255) 40%);
}
.table {
width: 100%;
border-collapse: collapse;
}
.table, .table th, .table td {
border: 1.5px solid black;
}
.table th, .table td {
padding: 4px;
text-align: left;
}
.header {
background-color: #f2f2f2;
}
</style>