s1

public/img/svg/abacus.svg

@@ -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>

public/img/svg/bad.svg

@@ -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>

public/img/svg/basketball.svg

@@ -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>

public/img/svg/carrom.svg

@@ -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>

public/img/svg/chess.svg

@@ -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>

public/img/svg/cricket.svg

@@ -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>

public/img/svg/des.svg

@@ -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>

public/img/svg/drama.svg

@@ -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>

public/img/svg/education.svg

@@ -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>

public/img/svg/football.svg

@@ -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>

public/img/svg/hand.svg

@@ -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>

public/img/svg/handwork.svg

@@ -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>

public/img/svg/hill.svg

@@ -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>

public/img/svg/karate.svg

@@ -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>

public/img/svg/paint.svg

@@ -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>

public/img/svg/sing.svg

@@ -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>

public/img/svg/tennis.svg

@@ -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>

public/img/svg/volley.svg

@@ -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>

src/components/ContactForm.vue

@@ -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,
+          data:{
-          mobile: this.phone,
+            name: this.name,
-          email: this.email,
+            phone: this.phone,
-          message: this.message
+            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 => {
+        .then(resData => {
-          console.log("Saved Form Data")
+          // console.log("Saved Form resData", resData)
         })
         this.userQurie = false;
       }

src/components/FAQ.vue

@@ -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>
+                    <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">
+                    <div class="grid h-fit" v-for="data in faqData" :key="data.questionNumber">
-                    <details>
+                        <details>
-                        <summary> 
+                            <summary> 
-                            <div class="flex inline-flex cursor-pointer">{{ data.question }}</div>
+                                <div class="flex inline-flex cursor-pointer">{{ data.question }}</div>
-                        </summary>
+                            </summary>
-                            <div v-html="data.answer"></div>
+                                <div v-html="data.answer"></div>
-                    </details>
+                        </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>

src/components/Footer.astro

@@ -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">

src/components/MainHeader.astro

@@ -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,15 @@
         <!-- <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="/gallery">Gallery</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="/login">Login</a></li>
-        <li><a href="/sign-up">Signup</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 +58,8 @@
       overflow-x: hidden;
   }
   nav{
-      height: 6rem;
+      /* height: 6rem; */
-      width: 100vw;
+      width: 100%;
       background-color: #FFF;
       box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2);
       display: flex;

src/components/SliderHomepage.vue

@@ -1,7 +1,7 @@
 <template>
     <div>
         <div class="">
-            <swiper class="max-w-2xl cursor-pointer shadow-xl rounded-2xl" draggable="false"
+            <swiper  class="max-w-2xl cursor-pointer shadow-xl rounded-2xl" draggable="false"
                 :modules="modules"
                 :slides-per-view="1"
                 :space-between="50"
@@ -11,6 +11,8 @@
                 :autoplay=" { delay: 2500, disableOnInteraction: false}"
                 @swiper="onSwiper"
                 @slideChange="onSlideChange">
+                
+                <swiper-slide v-for="(item, index) in img3DResInter" :key="index"> <img class="aspect-video"  :src="item.image_src" alt="" /></swiper-slide>
                 <swiper-slide> <img class=""  src="/img/school1.jpg" alt="" /></swiper-slide>
                 <swiper-slide> <img class=""  src="/img/school2.jpg" alt="" /></swiper-slide>
                 <swiper-slide> <img class=""  src="/img/school3.jpg" alt="" /></swiper-slide>
@@ -65,6 +67,7 @@
          page: null,
          lessonplan:null,
          isLoading: true,
+         img3DResInter: [{ image_src: "/assets/school_image/hps-image1.jpg" },{ image_src: "/assets/school_image/hps-image2.jpg" },{ image_src: "/assets/school_image/hps-image3.jpg" },{ image_src: "/assets/school_image/hps-image4.jpg" },{ image_src: "/assets/school_image/hps-image5.jpg" },{ image_src: "/assets/school_image/hps-image6.jpg" },{ image_src: "/assets/school_image/hps-image7.jpg" },{ image_src: "/assets/school_image/hps-image8.jpg" },{ image_src: "/assets/school_image/hps-image9.jpg" },{ image_src: "/assets/school_image/hps-image10.jpg" },{ image_src: "/assets/school_image/hps-image11.jpg" },{ image_src: "/assets/school_image/hps-image12.jpg" },{ image_src: "/assets/school_image/hps-image13.jpg" },{ image_src: "/assets/school_image/hps-image14.jpg" },{ image_src: "/assets/school_image/hps-image16.jpg" },{ image_src: "/assets/school_image/hps-image17.jpg" },{ image_src: "/assets/school_image/hps-image18.jpg" },{ image_src: "/assets/school_image/hps-image19.jpg" },{ image_src: "/assets/school_image/hps-image20.jpg" },{ image_src: "/assets/school_image/hps-image21.jpg" },{ image_src: "/assets/school_image/hps-image22.jpg" },{ image_src: "/assets/school_image/hps-image23.jpg" },{ image_src: "/assets/school_image/hps-image24.jpg" },{ image_src: "/assets/school_image/hps-image25.jpg" },{ image_src: "/assets/school_image/hps-image26.jpg" },{ image_src: "/assets/school_image/hps-image27.jpg" },{ image_src: "/assets/school_image/hps-image28.jpg" },{ image_src: "/assets/school_image/hps-image29.jpg" },{ image_src: "/assets/school_image/hps-image30.jpg" },{ image_src: "/assets/school_image/hps-image31.jpg" }]
   
      }
   },

src/layouts/Layout.astro

@@ -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%);

src/pages/about.astro

@@ -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,175 @@ 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> -->
+                        <section class="container">
+                            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mt-6">
+                               <h2 class="text-3xl font-extrabold text-center mb-8">Our Core Values</h2>
+                               <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
+                                  <div class="text-center">
+                                     <div class="flex justify-center mb-4">
+                                        <div class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400">
+                                           <img src="public/img/codevalue3.png" alt="" />
+                                        </div>
+                                     </div>
+                                     <h3 class="text-xl font-semibold ">Respect</h3>
+                                     <p class=" mt-2">We teach our children to value and appreciate the diversity
+                                        and uniqueness of everyone around them.</p>
+                                  </div>
+                                  <div class="text-center">
+                                     <div class="flex justify-center mb-4">
+                                        <div class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400">
+                                           <img src="public/img/codevalue4.png" alt="" />
+                                        </div>
+                                     </div>
+                                     <h3 class="text-xl font-semibold">Responsibility</h3>
+                                     <p class=" mt-2">We guide our children to take ownership of their actions and
+                                        learn the importance of making positive choices.</p>
+                                  </div>
+                                  <div class="text-center">
+                                     <div class="flex justify-center mb-4">
+                                        <div class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400">
+                                           <img src="public/img/codevalue5.png" alt="" />
+                                        </div>
+                                     </div>
+                                     <h3 class="text-xl font-semibold">Resilience</h3>
+                                     <p class="mt-2">We support our children in developing strong emotional
+                                        health, teaching them to cope with challenges and setbacks.</p>
+                                  </div>
+                                  <div class="text-center">
+                                     <div class="flex justify-center mb-4">
+                                        <div class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400">
+                                           <img src="public/img/codevalue1.png" alt="" />
+                                        </div>
+                                     </div>
+                                     <h3 class="text-xl font-semibold">Creativity</h3>
+                                     <p class="mt-2">We nurture imaginative and innovative thinking, encouraging children to explore new ideas and solutions.</p>
+                                  </div>
+                                  <div class="text-center">
+                                     <div class="flex justify-center mb-4">
+                                        <div class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400">
+                                           <img src="public/img/codevalue2.png" alt="" />
+                                        </div>
+                                     </div>
+                                     <h3 class="text-xl font-semibold">Quality</h3>
+                                     <p class="mt-2">Our curriculum is designed to provide high-quality education, ensuring each child reaches their full potential.</p>
+                                  </div>
+                                  <div class="text-center">
+                                     <div class="flex justify-center mb-4">
+                                        <div class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400">
+                                           <img src="public/img/codevalue6.png" alt="" />
+                                        </div>
+                                     </div>
+                                     <h3 class="text-xl font-semibold">Teamwork</h3>
+                                     <p class="mt-2">We emphasize the importance of working together, helping children develop strong collaboration and communication skills.</p>
+                                  </div>
+                               </div>
+                            </div>
+                        </section>
+
+
+
+                        <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 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>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">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>
+                    <!-- <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">

src/pages/admission.astro

@@ -0,0 +1,440 @@
+---
+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="/assets/admission-form.pdf" download
+                                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"
+                                >Download Form</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 Government’s 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> -->
+                <div class="my-6 flex flex-row">
+                    <p class="animate-bounce text-4xl font-bold">&#10551;</p>
+
+                    <p class="text-2xl font-bold"><a target="_blank" class="text-blue-700" href="/assets/admission-form.pdf" download>Click Here</a> to download admission form</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%
+        );
+    }
+ 
+
+    .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>
+
+ 

src/pages/contact.astro

@@ -10,9 +10,9 @@ import Layout from "../layouts/Layout.astro";
 						<img class="lg:max-w-2xl" src="/img/rec_girl.png" alt="">
 					</div>
 					<div class="flex flex-col w-full">
-						<h1 class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]">Get in Touch with Holywisdom Preschool!</h1>
+						<h1 class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]">Get in Touch with Holywisdom Public School!</h1>
-						<h2 class="text-2xl md:text-3xl text-[#3084b5] py-4">Contact us for a brighter start at Holywisdom Preschool!</h2>
+						<h2 class="text-2xl md:text-3xl text-[#3084b5] py-4">Contact us for a brighter start at Holywisdom Public School!</h2>
-						<h3 class="text-xl text-justify pb-4">Drop us a line at Holywisdom Preschool – your gateway to educational excellence!</h3>
+						<h3 class="text-xl text-justify pb-4">Drop us a line at Holywisdom Public School – your gateway to educational excellence!</h3>
 						<!-- <div class="flex flex-row place-content-between">
 							<a href="#" 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</a>
 						</div> -->
@@ -21,8 +21,8 @@ import Layout from "../layouts/Layout.astro";
 			</section>
             <section class="container mx-auto px-4 my-10">
                 <div class="">
-                    <h1 class="text-2xl">Reach Out to Holywisdom Preschool</h1>
+                    <h1 class="text-2xl">Reach Out to Holywisdom Public School</h1>
-                    <p class="">Contacting Holywisdom Preschool is your first step toward a seamless connection with our dedicated team. Whether you have inquiries about our programs, enrollment details, or simply want to learn more about our unique approach to early childhood education, we're here to help. Your child's journey with us begins with a conversation. Reach out through the provided contact information, and let's embark on the path of educational discovery together. We look forward to hearing from you and welcoming your family into the Holywisdom community.</p>
+                    <p class="">Contacting Holywisdom Public School is your first step toward a seamless connection with our dedicated team. Whether you have inquiries about our programs, enrollment details, or simply want to learn more about our unique approach to early childhood education, we're here to help. Your child's journey with us begins with a conversation. Reach out through the provided contact information, and let's embark on the path of educational discovery together. We look forward to hearing from you and welcoming your family into the Holywisdom community.</p>
                 </div>
             </section>
             <section class="container mx-auto px-4 my-16">
@@ -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>
@@ -64,49 +64,122 @@ import Layout from "../layouts/Layout.astro";
     </main>
 </Layout>
 <script is:inline>
-    document.addEventListener('DOMContentLoaded', function () {
-      const contactForm = document.getElementById('contactForm');
-      const formSection = document.getElementById('formSection');
-      const thankYouSection = document.getElementById('thankYouSection');
-      const nameInput = document.getElementById('name');
-      const emailInput = document.getElementById('email');
-      const phoneInput = document.getElementById('phone');
-      const messageInput = document.getElementById('message');
 
-      contactForm.addEventListener('submit', async function (event) {
+  document.getElementById('formSection').addEventListener('submit', function(event) {
-        event.preventDefault();
+      event.preventDefault();
-        
+
-        const formData = {
+      const formData = {
-          name: nameInput.value,
+          data: {
-          email: emailInput.value,
+              name: document.getElementById('name').value,
-          mobile: phoneInput.value,
+              phone: document.getElementById('phone').value,
-          message: messageInput.value
+              email: document.getElementById('email').value,
-        };
+              message: document.getElementById('message').value
-        console.log("Form Data", formData)
+          },
-        const url = 'https://api8.siliconpin.com/items/hps_contact';
+          owner: 'owner_value',
-        try {
+          domain: 'domain_value',
-          const response = await fetch(url, {
+          referrer: document.referrer   
-            method: 'POST',
+      };
-            headers: {
+
+      fetch('http://192.168.0.166:2053/v3/contact-form-processor/', {
+          method: 'POST',
+          headers: {
               'Content-Type': 'application/json'
-            },
+          },
-            body: JSON.stringify(formData)
+          body: JSON.stringify(formData)
-          });
+      })
-          if (response.ok) {
+      .then(response => response.json())
-            console.log('Form data submitted successfully');
+      .then(data => {
-            formSection.style.display = 'none';
+          if (data.success) {
-            thankYouSection.style.display = 'block';
+              console.log('Data submitted successfully');
           } else {
-            console.error('Failed to submit form data');
+              console.log('Error: ' + data.message);
           }
-        } catch (error) {
+      })
-          console.error('An error occurred:', error);
+      .catch(error => {
-        }
+          console.error('Error:', error);
+          console.log('An error occurred while submitting the form');
       });
-    });
+  });
+
+
+
+    // document.addEventListener('DOMContentLoaded', function () {
+    //   const contactForm = document.getElementById('contactForm');
+    //   const formSection = document.getElementById('formSection');
+    //   const thankYouSection = document.getElementById('thankYouSection');
+    //   const nameInput = document.getElementById('name');
+    //   const emailInput = document.getElementById('email');
+    //   const phoneInput = document.getElementById('phone');
+    //   const messageInput = document.getElementById('message');
+
+    //   contactForm.addEventListener('submit', async function (event) {
+    //     event.preventDefault();
+    //     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(data)
+    //       });
+    //       if (response.ok) {
+    //         console.log('Form data submitted successfully');
+    //         formSection.style.display = 'none';
+    //         thankYouSection.style.display = 'block';
+    //       } else {
+    //         console.error('Failed to submit form data');
+    //       }
+    //     } catch (error) {
+    //       console.error('An error occurred:', error);
+    //     }
+    //   });
+    // });
 </script>
 <style>
     .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);
+  })
+} -->

src/pages/curriculum.astro

@@ -1,62 +1,345 @@
 ---
-import Layout from "../layouts/Layout.astro";
+import Layout from '../layouts/Layout.astro';
-import Slider from "../components/Slider.vue";
+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": "Netaji’s 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": "Children’s Day",
+    "img": "/img/ev4.jpg",
+    "description": "Celebrated on November 14th, Children’s Day marks the birth anniversary of Jawaharlal Nehru, India’s 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="container mx-auto px-4 flex flex-col-reverse lg:flex-row place-items-center">
-					<div class="w-full">
+                    <div class="w-full">
-						<img class="lg:max-w-3xl" src="/img/school2.png" alt="">
+                        <img class="lg:max-w-3xl" src="/img/school2.png" alt="" />
-					</div>
+                    </div>
-					<div class="flex flex-col w-full">
+                    <div class="flex flex-col w-full">
-						<h1 class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]">Preschool Learning at Holywisdom</h1>
+                        <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>
+                        <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>
+                        <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>
+                        <div class="flex flex-row place-content-between">
-							<p class="text-base xl:text-lg font-bold">Or</p>
+                            <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>
-							<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>
+                            <p class="text-base xl:text-lg font-bold">Or</p>
-						</div>
+                            <a href="/admission" 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>
+                    </div>
-			</section>
+                </div>
+            </section>
             <section class="container mx-auto px-4 pt-16">
-                <div class="">
+                <div class="space-y-3">
-                    <h1 class="text-xl md:text-3xl">Curriculum</h1>
+                    <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>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>
-                    <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>
+                        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 text-center">{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>
+                            <h1 class="text-xl md:text-3xl pt-2">Key Focus Areas <hr></h1>
-                            <h2 class="text-lg md:text-2xl"> 1. Early Literacy and Numeracy:</h2>
+                            <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>
+                            <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>
+                            <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>
+                            <h2 class="text-xl pt-2">
-                            <p class="text-base text-justify"> Fun and age-appropriate physical activities to enhance motor skills and promote a healthy lifestyle.</p>
+                                4. Physical Development:
-                            <h2 class="text-lg md:text-2xl"> 5. Nature and Science Exploration:</h2>
+                            </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>
+                            <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>
+                    <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>
+                    <p>
-                    <h1 class="text-xl md:text-3xl pt-2">Parental Involvement</h1>
+                        Our daily schedule at Holywisdom is thoughtfully crafted
-                    <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>
+                        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 {
+    .gradintBack {
-        background: linear-gradient(0deg, rgb(71, 174, 106) 0%, rgba(255, 255, 255) 40%);
+        background: linear-gradient(
-	}
+            0deg,
-</style>
+            rgb(71, 174, 106) 0%,
+            rgba(255, 255, 255) 40%
+        );
+    }
+    .w-96 {
+        width: 11rem;
+    }
+</style>
+
+