diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..6f3a291
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
\ No newline at end of file
diff --git a/src/assets/css/animate.min.css b/assets/css/animate.min.css
similarity index 100%
rename from src/assets/css/animate.min.css
rename to assets/css/animate.min.css
diff --git a/src/assets/css/slick.css b/assets/css/slick.css
similarity index 100%
rename from src/assets/css/slick.css
rename to assets/css/slick.css
diff --git a/src/assets/css/tailwind-built.css b/assets/css/tailwind-built.css
similarity index 100%
rename from src/assets/css/tailwind-built.css
rename to assets/css/tailwind-built.css
diff --git a/src/assets/imgs/elements/blob-tear.svg b/assets/imgs/elements/blob-tear.svg
similarity index 100%
rename from src/assets/imgs/elements/blob-tear.svg
rename to assets/imgs/elements/blob-tear.svg
diff --git a/src/assets/imgs/elements/blob.svg b/assets/imgs/elements/blob.svg
similarity index 100%
rename from src/assets/imgs/elements/blob.svg
rename to assets/imgs/elements/blob.svg
diff --git a/src/assets/imgs/elements/macbook.png b/assets/imgs/elements/macbook.png
similarity index 100%
rename from src/assets/imgs/elements/macbook.png
rename to assets/imgs/elements/macbook.png
diff --git a/src/assets/imgs/elements/pattern.png b/assets/imgs/elements/pattern.png
similarity index 100%
rename from src/assets/imgs/elements/pattern.png
rename to assets/imgs/elements/pattern.png
diff --git a/src/assets/imgs/icons/agency.svg b/assets/imgs/icons/agency.svg
similarity index 100%
rename from src/assets/imgs/icons/agency.svg
rename to assets/imgs/icons/agency.svg
diff --git a/src/assets/imgs/icons/enterprise.svg b/assets/imgs/icons/enterprise.svg
similarity index 100%
rename from src/assets/imgs/icons/enterprise.svg
rename to assets/imgs/icons/enterprise.svg
diff --git a/src/assets/imgs/icons/facebook-blue.svg b/assets/imgs/icons/facebook-blue.svg
similarity index 100%
rename from src/assets/imgs/icons/facebook-blue.svg
rename to assets/imgs/icons/facebook-blue.svg
diff --git a/src/assets/imgs/icons/facebook.svg b/assets/imgs/icons/facebook.svg
similarity index 100%
rename from src/assets/imgs/icons/facebook.svg
rename to assets/imgs/icons/facebook.svg
diff --git a/src/assets/imgs/icons/instagram-blue.svg b/assets/imgs/icons/instagram-blue.svg
similarity index 100%
rename from src/assets/imgs/icons/instagram-blue.svg
rename to assets/imgs/icons/instagram-blue.svg
diff --git a/src/assets/imgs/icons/quote.svg b/assets/imgs/icons/quote.svg
similarity index 100%
rename from src/assets/imgs/icons/quote.svg
rename to assets/imgs/icons/quote.svg
diff --git a/src/assets/imgs/icons/startup.svg b/assets/imgs/icons/startup.svg
similarity index 100%
rename from src/assets/imgs/icons/startup.svg
rename to assets/imgs/icons/startup.svg
diff --git a/src/assets/imgs/icons/twitter-blue.svg b/assets/imgs/icons/twitter-blue.svg
similarity index 100%
rename from src/assets/imgs/icons/twitter-blue.svg
rename to assets/imgs/icons/twitter-blue.svg
diff --git a/src/assets/imgs/icons/twitter.svg b/assets/imgs/icons/twitter.svg
similarity index 100%
rename from src/assets/imgs/icons/twitter.svg
rename to assets/imgs/icons/twitter.svg
diff --git a/src/assets/imgs/illustrations/at_the_park.svg b/assets/imgs/illustrations/at_the_park.svg
similarity index 100%
rename from src/assets/imgs/illustrations/at_the_park.svg
rename to assets/imgs/illustrations/at_the_park.svg
diff --git a/assets/imgs/illustrations/change-password.svg b/assets/imgs/illustrations/change-password.svg
new file mode 100644
index 0000000..c9d934f
--- /dev/null
+++ b/assets/imgs/illustrations/change-password.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width="493.46111" height="480.84822" viewBox="0 0 493.46111 480.84822" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M668.00659,317.36469H641.75073V541.21106a26.74408,26.74408,0,0,1-26.74414,26.74408H414.26947v.25592a26.744,26.744,0,0,0,26.74408,26.74408h226.993a26.74408,26.74408,0,0,0,26.74414-26.74408V344.10876A26.74411,26.74411,0,0,0,668.00659,317.36469Z" transform="translate(-353.26944 -209.57589)" fill="#f2f2f2"/><path d="M792.47168,673.09116a2.26935,2.26935,0,0,0,1.64468-3.93333l-.15549-.61819q.03071-.07428.06178-.1484a6.09417,6.09417,0,0,1,11.24139.04177c1.83858,4.42817,4.17942,8.86389,4.75579,13.54594a18.02868,18.02868,0,0,1-.31648,6.20047,72.28149,72.28149,0,0,0,6.57515-30.02077,69.76377,69.76377,0,0,0-.43275-7.78294q-.35848-3.17781-.9947-6.31034a73.11887,73.11887,0,0,0-14.50012-30.98962,19.459,19.459,0,0,1-8.09295-8.39652,14.843,14.843,0,0,1-1.34991-4.05618c.394.05168,1.48555-5.94866,1.1884-6.31679.54906-.83317,1.53178-1.24733,2.13144-2.06035,2.98232-4.0434,7.0912-3.33741,9.2362,2.15727,4.58224,2.31266,4.6266,6.14806,1.81495,9.83683-1.78877,2.34681-2.03455,5.52233-3.60408,8.03478.16151.20671.32944.407.4909.61366a73.59114,73.59114,0,0,1,7.681,12.16859,30.59255,30.59255,0,0,1,1.82641-14.20958c1.74819-4.21732,5.02491-7.76915,7.91045-11.415a6.27922,6.27922,0,0,1,11.184,3.08333q.00885.08063.01731.1612-.6429.36267-1.25864.76991a3.0782,3.0782,0,0,0,1.24107,5.60175l.06277.00967a30.627,30.627,0,0,1-.80735,4.57938c3.7018,14.31578-4.29011,19.52989-15.70147,19.76412-.25191.12916-.49738.25832-.74929.38109a75.114,75.114,0,0,1,4.04327,19.02779,71.24332,71.24332,0,0,1-.05168,11.50322l.01939-.13562a18.82569,18.82569,0,0,1,6.4266-10.87028c4.94561-4.06263,11.93282-5.55868,17.26826-8.82425a3.533,3.533,0,0,1,5.41121,3.43708l-.02182.14261a20.67715,20.67715,0,0,0-2.31871,1.11733q-.6429.36276-1.25864.76992a3.07824,3.07824,0,0,0,1.24107,5.6018l.06282.00965c.0452.00645.084.01294.12912.01943a30.65449,30.65449,0,0,1-5.63855,8.82923c-2.31463,12.49712-12.256,13.68282-22.89022,10.04353h-.00648a75.09259,75.09259,0,0,1-5.0444,14.72621H792.92324c-.06463-.20022-.12274-.40693-.18089-.60717a20.47425,20.47425,0,0,0,4.98629-.297c-1.337-1.64058-2.674-3.29409-4.011-4.93462a1.12094,1.12094,0,0,1-.084-.09689c-.67817-.8396-1.36282-1.67283-2.041-2.51246l-.00036-.001a29.99039,29.99039,0,0,1,.87876-7.63984Z" transform="translate(-353.26944 -209.57589)" fill="#f2f2f2"/><path d="M593.99391,286.91534a8.24621,8.24621,0,0,0,12.46576,1.5258l37.465,16.90274,7.22309-9.2133-44.64448-19.75029a8.23465,8.23465,0,0,0-12.50933,10.53505Z" transform="translate(-353.26944 -209.57589)" fill="#a0616a"/><path d="M754.77758,297.45515l3.71571,21.05629a7.15473,7.15473,0,0,1-6.485,8.37606l-63.13867,4.96514L614.65289,298.6371l8.86417-16.82718L687.944,302.21207Z" transform="translate(-353.26944 -209.57589)" fill="#3b81f6"/><rect y="72.78881" width="280.48127" height="277.59048" rx="26.74409" fill="#f2f2f2"/><path d="M380.01369,287.86455a21.24413,21.24413,0,0,0-21.24414,21.24414V533.21123a21.24414,21.24414,0,0,0,21.24414,21.24414H524.88615A103.36435,103.36435,0,0,0,628.2505,451.091V309.10869a21.24413,21.24413,0,0,0-21.24414-21.24414Z" transform="translate(-353.26944 -209.57589)" fill="#fff"/><path d="M556.96507,355.87588H429.5587a4.408,4.408,0,1,1,0-8.81605H556.96507a4.408,4.408,0,0,1,0,8.81605Z" transform="translate(-353.26944 -209.57589)" fill="#f2f2f2"/><path d="M556.96507,449.87588H429.5587a4.408,4.408,0,1,1,0-8.81605H556.96507a4.408,4.408,0,0,1,0,8.81605Z" transform="translate(-353.26944 -209.57589)" fill="#f2f2f2"/><path d="M608.70212,402.9067H377.82165a4.408,4.408,0,1,1,0-8.81606H608.70212a4.408,4.408,0,0,1,0,8.81606Z" transform="translate(-353.26944 -209.57589)" fill="#f2f2f2"/><polygon points="393.531 180.687 370.531 229.687 459.008 220.726 440.539 173.687 393.531 180.687" fill="#a0616a"/><polygon points="414.101 462.32 405.712 462.249 401.999 429.138 414.379 429.243 414.101 462.32" fill="#a0616a"/><path d="M740.50017,685.235a3.75542,3.75542,0,0,0,3.71838,3.78333l16.67866.13917,2.91983-5.91846,1.07238,5.94865,6.29322.05707-1.58913-21.21672-2.18949-.14567-8.93065-.61562-2.88122-.19295-.05055,6.003-13.398,9.08746A3.74908,3.74908,0,0,0,740.50017,685.235Z" transform="translate(-353.26944 -209.57589)" fill="#2f2e41"/><polygon points="321.266 462.358 313.268 459.825 319.447 427.085 331.251 430.822 321.266 462.358" fill="#a0616a"/><path d="M644.93215,676.78946a3.75542,3.75542,0,0,0,2.44267,4.70886l15.90163,5.03342,4.52988-4.79935-.72274,6.00117,5.99868,1.90358L677.797,668.89l-2.05006-.78254-8.3556-3.21239-2.69736-1.031-1.81209,5.72322-15.47666,4.74987A3.749,3.749,0,0,0,644.93215,676.78946Z" transform="translate(-353.26944 -209.57589)" fill="#2f2e41"/><path d="M808.2479,416.5223,727.8008,431.263s-12.9034,9.652-9.4517,13.10867,3.98713,2.92126,1.71941,5.189-7.17111,5.29922-7.21941,7.28347-36.0483,90.98425-36.0483,90.98425,4-2,1,1-3,5.47886-3,5.47886l-14,94.52114,22.73653,1.33858,22.26347-86.17322,49.65929-80.50394s4.92732,71.789,5.134,76.56377,3.2067-1.22519.2067,4.77481-5,2-3,6-7.20473,85.43464-7.20473,85.43464h20.753L815.859,487.47179S831.695,439.21625,808.2479,416.5223Z" transform="translate(-353.26944 -209.57589)" fill="#2f2e41"/><path d="M784.549,281.5104l-32.22473-3.34828-8.34892,10.83925-9.72623,5.18025a24.27484,24.27484,0,0,0-12.8148,22.96237l11.36649,66.119s-9.601,21.61914-3,27-5.10356,18.70715,9,12,75,1,75,1l-13-37,9.71135-36.35753,1.06884-30.48533a25.826,25.826,0,0,0-18.33943-25.62683l-1.3579-.41034Z" transform="translate(-353.26944 -209.57589)" fill="#3b81f6"/><path d="M828.9135,256.80605c.21108,9.083-3.1834,17.878-8.05987,25.603-1.44889-4.50973-4.05363-8.6142-6.77013-12.52687a38.995,38.995,0,0,1-4.15,24.69556,5.22441,5.22441,0,0,1-.44425.28489c-3.97483,2.391-9.01417,3.35945-13.31408,1.63254,8.88429-9.57671,10.01493-25.44386,2.56643-36.18565-2.10882-3.048-4.83612-5.74375-6.14228-9.21246-2.06227-5.53451-.07985-11.62816,1.17072-17.39847,1.16938-5.37042,1.37406-11.76126-2.22891-15.6971a3.78634,3.78634,0,0,1,3.47012-1.59773c2.22144.31379,3.83841,2.24465,4.86826,4.23332,1.02984,1.98861,1.70905,4.19267,3.14428,5.91034,2.65786,3.215,7.18412,3.97511,10.99852,5.66949C823.26,236.33152,828.69206,246.69915,828.9135,256.80605Z" transform="translate(-353.26944 -209.57589)" fill="#2f2e41"/><path d="M590.92033,689.23411a1.18647,1.18647,0,0,0,1.19006,1.19h253.29a1.19,1.19,0,0,0,0-2.38h-253.29A1.18651,1.18651,0,0,0,590.92033,689.23411Z" transform="translate(-353.26944 -209.57589)" fill="#ccc"/><circle cx="477.63839" cy="248.74781" r="9" fill="#3b81f6"/><path d="M751.15566,251.61275c.52788-1.84758-3.11058,9.44634-1.35486,9.65024,7.99661.91738,18.97388,5.69318,24.54346,7.92119.25083-.02915.50167-.05826.74507-.09466.59753-.06555,1.18034-.1602,1.75572-.26939C789.8137,266.3664,794.8008,246.445,794.8008,246.263c0-.89557-2.14941-25.493-5.5354-25.857a24.9574,24.9574,0,0,0-2.67783-.14563h-8.40233a39.04837,39.04837,0,0,0-5.27448-.76451H772.896c-16.9153-1.28877-30.2528,9.02125-29.0061,21.56663.00738.01453.02215.02911.02949.04368.36151.5388.67871,1.04849.959,1.53631.27294.45871.50162.89556.70077,1.31059,1.5418,3.2037-2.42134,7.23495.20657,7.98739,3.49512,1.00076-9.19231,33.89354,4.64179,33.89354C743.69833,287.7472,749.69944,256.70953,751.15566,251.61275Z" transform="translate(-353.26944 -209.57589)" fill="#2f2e41"/><circle cx="412.98633" cy="41.44344" r="19.89355" fill="#a0616a"/><path d="M743.88989,242.14732c.332.17474.65656.3349.98853.49511.34669.16745.69343.33494,1.04013.48782,6.66139,3.02168,12.08341,3.35658,15.37354-.98293a18.39213,18.39213,0,0,1,1.51226-6.62584,10.64972,10.64972,0,0,0,1.75572,6.62584h6.62447c6.82366,4.52882,10.3277,5.00211,5.59172,19.87012-1.3205,4.14295-6.57092,28.25068-4.50539,31.82573.59753-.06555,6.95455-26.471,7.52993-26.58018,12.96865-2.45373,21.20866-23.81966,20.15377-25.0283a22.27543,22.27543,0,0,0-2.309-9.90958,22.79287,22.79287,0,0,0-8.66051-9.42175,40.16587,40.16587,0,0,0-6.91956-2.59936c-.059-.01458-.11067-.02915-.16966-.04368-.7303-.19661-1.47538-.37864-2.22046-.53155a40.842,40.842,0,0,0-4.66223-.70625c-.11067-.00729-.22129-.01458-.32458-.01458a3.51314,3.51314,0,0,0-1.77782.48787c-.00739,0-.00739.00724-.01477.00724a3.34732,3.34732,0,0,0-.98853.881,3.38566,3.38566,0,0,0-.72292,2.10425H763.8076q-.40941,0-.81882.02182a19.77972,19.77972,0,0,0-19.0694,18.596C743.89727,241.4556,743.88989,241.79779,743.88989,242.14732Z" transform="translate(-353.26944 -209.57589)" fill="#2f2e41"/><circle cx="434.11663" cy="13.10599" r="13.10599" fill="#2f2e41"/><path d="M831.00893,462.03478a8.24622,8.24622,0,0,0-3.71676-11.99621l.06486-41.10135-11.36418-2.813.27989,48.81727a8.23465,8.23465,0,0,0,14.73619,7.09333Z" transform="translate(-353.26944 -209.57589)" fill="#a0616a"/><path d="M774.73294,311.053l17.68425-12.01836a7.15474,7.15474,0,0,1,10.298,2.48285l30.40367,55.55863.11616,81.31043-18.98188-1.18978-7.79226-67.12941Z" transform="translate(-353.26944 -209.57589)" fill="#3b81f6"/><path d="M638.915,495.45346h-189a15.5,15.5,0,0,0,0,31h189a15.5,15.5,0,1,0,0-31Z" transform="translate(-353.26944 -209.57589)" fill="#fff"/><path d="M638.915,527.45346h-189a16.5,16.5,0,0,1,0-33h189a16.5,16.5,0,1,1,0,33Zm-189-31a14.5,14.5,0,0,0,0,29h189a14.5,14.5,0,1,0,0-29Z" transform="translate(-353.26944 -209.57589)" fill="#3b81f6"/><path d="M650.05955,563.09621H566.65319a4.408,4.408,0,1,1,0-8.81606h83.40636a4.408,4.408,0,0,1,0,8.81606Z" transform="translate(-353.26944 -209.57589)" fill="#3b81f6"/></svg>
\ No newline at end of file
diff --git a/src/assets/imgs/illustrations/chat.svg b/assets/imgs/illustrations/chat.svg
similarity index 100%
rename from src/assets/imgs/illustrations/chat.svg
rename to assets/imgs/illustrations/chat.svg
diff --git a/src/assets/imgs/illustrations/community.svg b/assets/imgs/illustrations/community.svg
similarity index 100%
rename from src/assets/imgs/illustrations/community.svg
rename to assets/imgs/illustrations/community.svg
diff --git a/src/assets/imgs/illustrations/delivered.svg b/assets/imgs/illustrations/delivered.svg
similarity index 100%
rename from src/assets/imgs/illustrations/delivered.svg
rename to assets/imgs/illustrations/delivered.svg
diff --git a/src/assets/imgs/illustrations/eating.svg b/assets/imgs/illustrations/eating.svg
similarity index 100%
rename from src/assets/imgs/illustrations/eating.svg
rename to assets/imgs/illustrations/eating.svg
diff --git a/src/assets/imgs/illustrations/faqs.svg b/assets/imgs/illustrations/faqs.svg
similarity index 100%
rename from src/assets/imgs/illustrations/faqs.svg
rename to assets/imgs/illustrations/faqs.svg
diff --git a/src/assets/imgs/illustrations/login.svg b/assets/imgs/illustrations/login.svg
similarity index 100%
rename from src/assets/imgs/illustrations/login.svg
rename to assets/imgs/illustrations/login.svg
diff --git a/src/assets/imgs/illustrations/online-shopping.png b/assets/imgs/illustrations/online-shopping.png
similarity index 100%
rename from src/assets/imgs/illustrations/online-shopping.png
rename to assets/imgs/illustrations/online-shopping.png
diff --git a/src/assets/imgs/illustrations/podcast.svg b/assets/imgs/illustrations/podcast.svg
similarity index 100%
rename from src/assets/imgs/illustrations/podcast.svg
rename to assets/imgs/illustrations/podcast.svg
diff --git a/src/assets/imgs/illustrations/share.svg b/assets/imgs/illustrations/share.svg
similarity index 100%
rename from src/assets/imgs/illustrations/share.svg
rename to assets/imgs/illustrations/share.svg
diff --git a/src/assets/imgs/illustrations/space.svg b/assets/imgs/illustrations/space.svg
similarity index 100%
rename from src/assets/imgs/illustrations/space.svg
rename to assets/imgs/illustrations/space.svg
diff --git a/src/assets/imgs/illustrations/tasks.svg b/assets/imgs/illustrations/tasks.svg
similarity index 100%
rename from src/assets/imgs/illustrations/tasks.svg
rename to assets/imgs/illustrations/tasks.svg
diff --git a/src/assets/imgs/illustrations/team.svg b/assets/imgs/illustrations/team.svg
similarity index 100%
rename from src/assets/imgs/illustrations/team.svg
rename to assets/imgs/illustrations/team.svg
diff --git a/src/assets/imgs/illustrations/work-tv.png b/assets/imgs/illustrations/work-tv.png
similarity index 100%
rename from src/assets/imgs/illustrations/work-tv.png
rename to assets/imgs/illustrations/work-tv.png
diff --git a/src/assets/imgs/logos/brands/brand-1.png b/assets/imgs/logos/brands/brand-1.png
similarity index 100%
rename from src/assets/imgs/logos/brands/brand-1.png
rename to assets/imgs/logos/brands/brand-1.png
diff --git a/src/assets/imgs/logos/brands/brand-2.png b/assets/imgs/logos/brands/brand-2.png
similarity index 100%
rename from src/assets/imgs/logos/brands/brand-2.png
rename to assets/imgs/logos/brands/brand-2.png
diff --git a/src/assets/imgs/logos/brands/brand-3.png b/assets/imgs/logos/brands/brand-3.png
similarity index 100%
rename from src/assets/imgs/logos/brands/brand-3.png
rename to assets/imgs/logos/brands/brand-3.png
diff --git a/src/assets/imgs/logos/brands/brand-4.png b/assets/imgs/logos/brands/brand-4.png
similarity index 100%
rename from src/assets/imgs/logos/brands/brand-4.png
rename to assets/imgs/logos/brands/brand-4.png
diff --git a/src/assets/imgs/logos/brands/brand-5.png b/assets/imgs/logos/brands/brand-5.png
similarity index 100%
rename from src/assets/imgs/logos/brands/brand-5.png
rename to assets/imgs/logos/brands/brand-5.png
diff --git a/src/assets/imgs/logos/brands/brand-6.png b/assets/imgs/logos/brands/brand-6.png
similarity index 100%
rename from src/assets/imgs/logos/brands/brand-6.png
rename to assets/imgs/logos/brands/brand-6.png
diff --git a/src/assets/imgs/logos/brands/brand-7.png b/assets/imgs/logos/brands/brand-7.png
similarity index 100%
rename from src/assets/imgs/logos/brands/brand-7.png
rename to assets/imgs/logos/brands/brand-7.png
diff --git a/src/assets/imgs/logos/brands/brand-8.png b/assets/imgs/logos/brands/brand-8.png
similarity index 100%
rename from src/assets/imgs/logos/brands/brand-8.png
rename to assets/imgs/logos/brands/brand-8.png
diff --git a/src/assets/imgs/logos/brands/brand-9.png b/assets/imgs/logos/brands/brand-9.png
similarity index 100%
rename from src/assets/imgs/logos/brands/brand-9.png
rename to assets/imgs/logos/brands/brand-9.png
diff --git a/src/assets/imgs/logos/facebook-sign.svg b/assets/imgs/logos/facebook-sign.svg
similarity index 100%
rename from src/assets/imgs/logos/facebook-sign.svg
rename to assets/imgs/logos/facebook-sign.svg
diff --git a/src/assets/imgs/logos/favicon.png b/assets/imgs/logos/favicon.png
similarity index 100%
rename from src/assets/imgs/logos/favicon.png
rename to assets/imgs/logos/favicon.png
diff --git a/src/assets/imgs/logos/favicon.svg b/assets/imgs/logos/favicon.svg
similarity index 100%
rename from src/assets/imgs/logos/favicon.svg
rename to assets/imgs/logos/favicon.svg
diff --git a/src/assets/imgs/logos/google-sign.svg b/assets/imgs/logos/google-sign.svg
similarity index 100%
rename from src/assets/imgs/logos/google-sign.svg
rename to assets/imgs/logos/google-sign.svg
diff --git a/src/assets/imgs/logos/logo.svg b/assets/imgs/logos/logo.svg
similarity index 100%
rename from src/assets/imgs/logos/logo.svg
rename to assets/imgs/logos/logo.svg
diff --git a/src/assets/imgs/placeholders/avatar-1.png b/assets/imgs/placeholders/avatar-1.png
similarity index 100%
rename from src/assets/imgs/placeholders/avatar-1.png
rename to assets/imgs/placeholders/avatar-1.png
diff --git a/src/assets/imgs/placeholders/avatar-2.png b/assets/imgs/placeholders/avatar-2.png
similarity index 100%
rename from src/assets/imgs/placeholders/avatar-2.png
rename to assets/imgs/placeholders/avatar-2.png
diff --git a/src/assets/imgs/placeholders/avatar-3.png b/assets/imgs/placeholders/avatar-3.png
similarity index 100%
rename from src/assets/imgs/placeholders/avatar-3.png
rename to assets/imgs/placeholders/avatar-3.png
diff --git a/src/assets/imgs/placeholders/avatar-4.png b/assets/imgs/placeholders/avatar-4.png
similarity index 100%
rename from src/assets/imgs/placeholders/avatar-4.png
rename to assets/imgs/placeholders/avatar-4.png
diff --git a/src/assets/imgs/placeholders/avatar-5.png b/assets/imgs/placeholders/avatar-5.png
similarity index 100%
rename from src/assets/imgs/placeholders/avatar-5.png
rename to assets/imgs/placeholders/avatar-5.png
diff --git a/src/assets/imgs/placeholders/avatar-6.png b/assets/imgs/placeholders/avatar-6.png
similarity index 100%
rename from src/assets/imgs/placeholders/avatar-6.png
rename to assets/imgs/placeholders/avatar-6.png
diff --git a/src/assets/imgs/placeholders/avatar-7.png b/assets/imgs/placeholders/avatar-7.png
similarity index 100%
rename from src/assets/imgs/placeholders/avatar-7.png
rename to assets/imgs/placeholders/avatar-7.png
diff --git a/src/assets/imgs/placeholders/avatar-8.png b/assets/imgs/placeholders/avatar-8.png
similarity index 100%
rename from src/assets/imgs/placeholders/avatar-8.png
rename to assets/imgs/placeholders/avatar-8.png
diff --git a/src/assets/imgs/placeholders/dashboard.png b/assets/imgs/placeholders/dashboard.png
similarity index 100%
rename from src/assets/imgs/placeholders/dashboard.png
rename to assets/imgs/placeholders/dashboard.png
diff --git a/src/assets/imgs/placeholders/img-1.png b/assets/imgs/placeholders/img-1.png
similarity index 100%
rename from src/assets/imgs/placeholders/img-1.png
rename to assets/imgs/placeholders/img-1.png
diff --git a/src/assets/imgs/placeholders/img-10.jpg b/assets/imgs/placeholders/img-10.jpg
similarity index 100%
rename from src/assets/imgs/placeholders/img-10.jpg
rename to assets/imgs/placeholders/img-10.jpg
diff --git a/src/assets/imgs/placeholders/img-11.jpg b/assets/imgs/placeholders/img-11.jpg
similarity index 100%
rename from src/assets/imgs/placeholders/img-11.jpg
rename to assets/imgs/placeholders/img-11.jpg
diff --git a/src/assets/imgs/placeholders/img-12.jpg b/assets/imgs/placeholders/img-12.jpg
similarity index 100%
rename from src/assets/imgs/placeholders/img-12.jpg
rename to assets/imgs/placeholders/img-12.jpg
diff --git a/src/assets/imgs/placeholders/img-13.jpg b/assets/imgs/placeholders/img-13.jpg
similarity index 100%
rename from src/assets/imgs/placeholders/img-13.jpg
rename to assets/imgs/placeholders/img-13.jpg
diff --git a/src/assets/imgs/placeholders/img-2.jpg b/assets/imgs/placeholders/img-2.jpg
similarity index 100%
rename from src/assets/imgs/placeholders/img-2.jpg
rename to assets/imgs/placeholders/img-2.jpg
diff --git a/src/assets/imgs/placeholders/img-2.png b/assets/imgs/placeholders/img-2.png
similarity index 100%
rename from src/assets/imgs/placeholders/img-2.png
rename to assets/imgs/placeholders/img-2.png
diff --git a/src/assets/imgs/placeholders/img-3.jpg b/assets/imgs/placeholders/img-3.jpg
similarity index 100%
rename from src/assets/imgs/placeholders/img-3.jpg
rename to assets/imgs/placeholders/img-3.jpg
diff --git a/src/assets/imgs/placeholders/img-4.jpg b/assets/imgs/placeholders/img-4.jpg
similarity index 100%
rename from src/assets/imgs/placeholders/img-4.jpg
rename to assets/imgs/placeholders/img-4.jpg
diff --git a/src/assets/imgs/placeholders/img-5.jpg b/assets/imgs/placeholders/img-5.jpg
similarity index 100%
rename from src/assets/imgs/placeholders/img-5.jpg
rename to assets/imgs/placeholders/img-5.jpg
diff --git a/src/assets/imgs/placeholders/img-6.jpg b/assets/imgs/placeholders/img-6.jpg
similarity index 100%
rename from src/assets/imgs/placeholders/img-6.jpg
rename to assets/imgs/placeholders/img-6.jpg
diff --git a/src/assets/imgs/placeholders/img-6.png b/assets/imgs/placeholders/img-6.png
similarity index 100%
rename from src/assets/imgs/placeholders/img-6.png
rename to assets/imgs/placeholders/img-6.png
diff --git a/src/assets/imgs/placeholders/img-7.png b/assets/imgs/placeholders/img-7.png
similarity index 100%
rename from src/assets/imgs/placeholders/img-7.png
rename to assets/imgs/placeholders/img-7.png
diff --git a/src/assets/imgs/placeholders/img-8.png b/assets/imgs/placeholders/img-8.png
similarity index 100%
rename from src/assets/imgs/placeholders/img-8.png
rename to assets/imgs/placeholders/img-8.png
diff --git a/src/assets/imgs/placeholders/img-9.jpg b/assets/imgs/placeholders/img-9.jpg
similarity index 100%
rename from src/assets/imgs/placeholders/img-9.jpg
rename to assets/imgs/placeholders/img-9.jpg
diff --git a/src/assets/imgs/placeholders/mockup-1.png b/assets/imgs/placeholders/mockup-1.png
similarity index 100%
rename from src/assets/imgs/placeholders/mockup-1.png
rename to assets/imgs/placeholders/mockup-1.png
diff --git a/src/assets/imgs/placeholders/mockup-2.png b/assets/imgs/placeholders/mockup-2.png
similarity index 100%
rename from src/assets/imgs/placeholders/mockup-2.png
rename to assets/imgs/placeholders/mockup-2.png
diff --git a/src/assets/imgs/placeholders/mockup-3.png b/assets/imgs/placeholders/mockup-3.png
similarity index 100%
rename from src/assets/imgs/placeholders/mockup-3.png
rename to assets/imgs/placeholders/mockup-3.png
diff --git a/src/assets/js/main.js b/assets/js/main.js
similarity index 100%
rename from src/assets/js/main.js
rename to assets/js/main.js
diff --git a/src/assets/js/vendor/counterup.js b/assets/js/vendor/counterup.js
similarity index 100%
rename from src/assets/js/vendor/counterup.js
rename to assets/js/vendor/counterup.js
diff --git a/src/assets/js/vendor/jquery-3.6.0.min.js b/assets/js/vendor/jquery-3.6.0.min.js
similarity index 100%
rename from src/assets/js/vendor/jquery-3.6.0.min.js
rename to assets/js/vendor/jquery-3.6.0.min.js
diff --git a/src/assets/js/vendor/mobile-menu.js b/assets/js/vendor/mobile-menu.js
similarity index 100%
rename from src/assets/js/vendor/mobile-menu.js
rename to assets/js/vendor/mobile-menu.js
diff --git a/src/assets/js/vendor/modernizr-3.6.0.min.js b/assets/js/vendor/modernizr-3.6.0.min.js
similarity index 100%
rename from src/assets/js/vendor/modernizr-3.6.0.min.js
rename to assets/js/vendor/modernizr-3.6.0.min.js
diff --git a/src/assets/js/vendor/scrollup.js b/assets/js/vendor/scrollup.js
similarity index 100%
rename from src/assets/js/vendor/scrollup.js
rename to assets/js/vendor/scrollup.js
diff --git a/src/assets/js/vendor/slick.js b/assets/js/vendor/slick.js
similarity index 100%
rename from src/assets/js/vendor/slick.js
rename to assets/js/vendor/slick.js
diff --git a/src/assets/js/vendor/smooth.js b/assets/js/vendor/smooth.js
similarity index 100%
rename from src/assets/js/vendor/smooth.js
rename to assets/js/vendor/smooth.js
diff --git a/src/assets/js/vendor/textType.js b/assets/js/vendor/textType.js
similarity index 100%
rename from src/assets/js/vendor/textType.js
rename to assets/js/vendor/textType.js
diff --git a/src/assets/js/vendor/waypoints.js b/assets/js/vendor/waypoints.js
similarity index 100%
rename from src/assets/js/vendor/waypoints.js
rename to assets/js/vendor/waypoints.js
diff --git a/src/assets/js/vendor/wow.js b/assets/js/vendor/wow.js
similarity index 100%
rename from src/assets/js/vendor/wow.js
rename to assets/js/vendor/wow.js
diff --git a/src/forum.html b/change-password.html
similarity index 83%
rename from src/forum.html
rename to change-password.html
index a60a782..a4679c5 100644
--- a/src/forum.html
+++ b/change-password.html
@@ -219,65 +219,69 @@
             </nav>
         </div>
 
-        <section class="relative pb-20 bg-blueGray-50">
+        <section class="relative pb-20">
+            <div class="hidden lg:block absolute inset-0 w-1/2 ml-auto">
+                <div class="flex items-center h-full wow animate__ animate__fadeIn animated animated"
+                    data-wow-delay=".1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeIn;">
+                    <img class="lg:max-w-lg mx-auto" src="assets/imgs/illustrations/change-password.svg" alt="">
+                </div>
+            </div>
             <div class="container">
-                <div class="relative pt-12">
-                    <div class="px-6 py-10 bg-white shadow rounded mt-3">
-                        <div class="flex justify-between">
-                            <div class="w-7/12">
-                                <div
-                                    class="absolute -mt-12 mr-3 bg-white text-sm bg-blue-500 text-white px-5 py-1 shadow rounded right-0">
-                                    Tanya Jawab</div>
-                                <div class="flex gap-3">
-                                    <img src="/assets/imgs/placeholders/img-1.png" class="w-16 h-16" alt="">
-                                    <div class="pl-4">
-                                        <h5 class="font-semibold">Judul Forum</h5>
-                                        <p class="text-blueGray-500">Latest Reply @user2 in 30 minutes ago</p>
-                                        <div class="pt-3 text-gray-800">Hey i wanna ask about next js with mongodb
-                                            databases,
-                                            i'm
-                                            already connect a db
-                                            with next
-                                            but i can't .....</div>
-                                    </div>
-                                </div>
+                <div class="relative flex flex-wrap pt-12">
+                    <div class="lg:flex lg:flex-col w-full lg:w-1/2 py-6 lg:pr-20">
+                        <div class="w-full max-w-lg mx-auto lg:mx-0 my-auto wow animate__ animate__fadeIn animated animated"
+                            data-wow-delay=".3s"
+                            style="visibility: visible; animation-delay: 0.3s; animation-name: fadeIn;">
+                            <span class="text-sm text-blueGray-400">Reset Password</span>
+                            <h4 class="mb-6 text-3xl">Ganti Password</h4>
+                            <div class="flex mb-6 px-4 bg-blueGray-50 rounded border border-gray-200">
+                                <input
+                                    class="w-full py-4 text-xs placeholder-blueGray-400 font-semibold leading-none bg-blueGray-50 outline-none"
+                                    type="password" placeholder="Enter your password">
+                                <button class="ml-4">
+                                    <svg class="h-6 w-6 my-auto text-blueGray-300" xmlns="http://www.w3.org/2000/svg"
+                                        fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                            d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
+                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                            d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z">
+                                        </path>
+                                    </svg>
+                                </button>
                             </div>
-                            <div class="w-5/12">
-                                <div class="flex justify-end gap-4">
-                                    <div
-                                        class="w-12 h-12 bg-white rounded-full drop-shadow-md flex items-center justify-center">
-                                        <img src="/assets/imgs/placeholders/img-1.png" class="w-8 h-8" alt="">
-                                    </div>
-                                    <div
-                                        class="w-12 h-12 bg-white rounded-full drop-shadow-md flex items-center justify-center">
-                                        <img src="/assets/imgs/placeholders/img-1.png" class="w-8 h-8" alt="">
-                                    </div>
-                                    <div
-                                        class="w-12 h-12 bg-white rounded-full drop-shadow-md flex items-center justify-center">
-                                        <img src="/assets/imgs/placeholders/img-1.png" class="w-8 h-8" alt="">
-                                    </div>
-                                    <div
-                                        class="w-12 h-12 bg-white rounded-full drop-shadow-md flex items-center justify-center">
-                                        <img src="/assets/imgs/placeholders/img-1.png" class="w-8 h-8" alt="">
-                                    </div>
-                                </div>
-                                <div class="flex justify-end py-6">
-                                    <div class="flex justify-start gap-4">
-                                        <div class="font-normal">
-                                            25 Komentar
-                                        </div>
-                                        <div class="font-normal">
-                                            3 Menyukai
-                                        </div>
-                                        <div class="font-normal text-green-600">
-                                            3 Up Vote
-                                        </div>
-                                        <div class="font-normal text-red-600">
-                                            0 Down Vote
-                                        </div>
-                                    </div>
-                                </div>
+                            <div class="flex mb-6 px-4 bg-blueGray-50 rounded border border-gray-200">
+                                <input
+                                    class="w-full py-4 text-xs placeholder-blueGray-400 font-semibold leading-none bg-blueGray-50 outline-none"
+                                    type="password" placeholder="Enter your new password">
+                                <button class="ml-4">
+                                    <svg class="h-6 w-6 my-auto text-blueGray-300" xmlns="http://www.w3.org/2000/svg"
+                                        fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                            d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
+                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                            d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z">
+                                        </path>
+                                    </svg>
+                                </button>
                             </div>
+                            <button
+                                class="transition duration-300 ease-in-out transform hover:-translate-y-1 block w-full p-4 text-center text-xs text-white font-semibold leading-none bg-blue-500 hover:bg-blue-700 rounded">
+                                Change Password</button>
+                        </div>
+
+                        <div class="w-full mt-12 mx-auto text-center">
+                            <p>Belum punya akun? <br /><a
+                                    class="inline-block text-xs text-blue-600 hover:text-blue-700 font-semibold leading-none wow animate__ animate__fadeIn animated animated"
+                                    data-wow-delay=".1s" href="signup.html"
+                                    style="visibility: visible; animation-delay: 0.1s; animation-name: fadeIn;">Daftar
+                                    Sekarang</a></p>
+                            <p>Atau</p>
+                            <p><a href="login.html"
+                                    class="inline-block text-xs text-blue-600 hover:text-blue-700 font-semibold leading-none wow animate__ animate__fadeIn animated animated"
+                                    data-wow-delay=".1s" href="signup.html"
+                                    style="visibility: visible; animation-delay: 0.1s; animation-name: fadeIn;">Masuk
+                                    Sekarang</a>
+                            </p>
                         </div>
                     </div>
                 </div>
@@ -437,7 +441,6 @@ <h1 class="text-lg font-semibold">Monst</h1>
         </div>
     </div>
     <!--Import Vendor Js-->
-    <script src="https://cdn.tailwindcss.com"></script>
     <script src="assets/js/vendor/modernizr-3.6.0.min.js"></script>
     <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
     <script src="assets/js/vendor/waypoints.js"></script>
diff --git a/src/fitur.html b/fitur.html
similarity index 100%
rename from src/fitur.html
rename to fitur.html
diff --git a/forum.html b/forum.html
new file mode 100644
index 0000000..549ec11
--- /dev/null
+++ b/forum.html
@@ -0,0 +1,623 @@
+<!DOCTYPE html>
+<html lang="en"
+    class=" sizes websockets customelements history postmessage webworkers picture pointerevents webanimations webgl srcset flexbox cssanimations csscolumns csscolumns-width csscolumns-span csscolumns-fill csscolumns-gap csscolumns-rule csscolumns-rulecolor csscolumns-rulestyle csscolumns-rulewidth csscolumns-breakbefore csscolumns-breakafter csscolumns-breakinside">
+
+<head>
+    <title>Gacha - Social Media For Sharing Information</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="description" content="Gacha Social Media">
+    <meta name="author" content="alithemes.com">
+    <link rel="icon" type="image/png" sizes="16x16" href="assets/imgs/logos/favicon.png">
+    <!-- Vendor CSS -->
+    <link rel="stylesheet" href="assets/css/animate.min.css?v=2.0">
+    <link rel="stylesheet" href="assets/css/slick.css?v=2.0">
+    <!-- Template CSS -->
+    <link rel="stylesheet" href="assets/css/tailwind-built.css?v=2.0">
+
+    <!-- Remix icons css -->
+    <link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">
+</head>
+
+<body class="bg-white text-body font-body" data-new-gr-c-s-check-loaded="14.1091.0" data-gr-ext-installed=""
+    style="overflow: visible;">
+    <div class="main">
+        <!--Header-->
+        <header class="bg-transparent sticky-bar mt-4">
+            <div class="container bg-transparent">
+                <nav class="bg-transparent flex justify-between items-center py-3">
+                    <a class="text-3xl font-semibold leading-none" href="index.html">
+                        <img class="h-10" src="assets/imgs/logos/logo.svg" alt="">
+                    </a>
+                    <ul class="hidden lg:flex lg:items-center lg:w-auto lg:space-x-12">
+                        <li class="pt-4 pb-4">
+                            <a href="index.html"
+                                class="text-sm font-semibold text-blueGray-600 hover:text-blueGray-500">Beranda</a>
+                        </li>
+                        <li class="pt-4 pb-4">
+                            <a class="text-sm font-semibold text-blueGray-600 hover:text-blueGray-500"
+                                href="fitur.html">Fitur</a>
+                        </li>
+                        <li class="pt-4 pb-4">
+                            <a class="text-sm font-semibold text-blueGray-600 hover:text-blueGray-500"
+                                href="forum.html">Forum</a>
+                        </li>
+                        <li class="pt-4 pb-4">
+                            <a class="text-sm font-semibold text-blueGray-600 hover:text-blueGray-500"
+                                href="showcase.html">Showcase</a>
+                        </li>
+                        <li class="pt-4 pb-4">
+                            <a class="text-sm font-semibold text-blueGray-600 hover:text-blueGray-500"
+                                href="team.html">Team</a>
+                        </li>
+                        <li class="group relative pt-4 pb-4 has-child">
+                            <a class="text-sm font-semibold text-blueGray-600 hover:text-blueGray-500" href="#">Blog</a>
+                            <ul class="drop-down-menu min-w-200">
+                                <li>
+                                    <a href="blog.html"
+                                        class="menu-sub-item text-sm text-blueGray-600 hover:text-blueGray-500">Category
+                                        1</a>
+                                </li>
+                                <li>
+                                    <a href="blog-2.html"
+                                        class="menu-sub-item text-sm text-blueGray-600 hover:text-blueGray-500">Category
+                                        2</a>
+                                </li>
+                                <li>
+                                    <a href="blog-single.html"
+                                        class="menu-sub-item text-sm text-blueGray-600 hover:text-blueGray-500">Single
+                                        1</a>
+                                </li>
+                                <li>
+                                    <a href="blog-single-2.html"
+                                        class="menu-sub-item text-sm text-blueGray-600 hover:text-blueGray-500">Single
+                                        2</a>
+                                </li>
+                            </ul>
+                        </li>
+                    </ul>
+                    <div class="hidden lg:block">
+                        <a class="btn-accent hover-up-2" href="login.html">Log In</a>
+                        <a class="btn-primary hover-up-2" href="signup.html">Sign Up</a>
+                    </div>
+                    <div class="lg:hidden">
+                        <button
+                            class="navbar-burger flex items-center py-2 px-3 text-blue-500 hover:text-blue-700 rounded border border-blue-200 hover:border-blue-300">
+                            <svg class="fill-current h-4 w-4" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+                                <title>Mobile menu</title>
+                                <path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"></path>
+                            </svg>
+                        </button>
+                    </div>
+                </nav>
+            </div>
+        </header>
+
+        <!--Mobile menu-->
+        <div class="hidden navbar-menu relative z-50 transition duration-300">
+            <div class="navbar-backdrop fixed inset-0 bg-blueGray-800 opacity-25"></div>
+            <nav
+                class="fixed top-0 left-0 bottom-0 flex flex-col w-5/6 max-w-sm py-6 px-6 bg-white border-r overflow-y-auto transition duration-300">
+                <div class="flex items-center mb-8">
+                    <a class="mr-auto text-3xl font-semibold leading-none" href="#">
+                        <img class="h-10" src="assets/imgs/logos/logo.svg" alt="">
+                    </a>
+                    <button class="navbar-close">
+                        <svg class="h-6 w-6 text-blueGray-400 cursor-pointer hover:text-blue-500"
+                            xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                d="M6 18L18 6M6 6l12 12"></path>
+                        </svg>
+                    </button>
+                </div>
+                <div>
+                    <ul class="mobile-menu">
+                        <li class="mb-1 menu-item-has-children rounded-xl"><span class="menu-expand">+</span>
+                            <a class="block p-4 text-sm text-blueGray-500 hover:bg-blue-50 hover:text-blue-500 rounded-xl"
+                                href="#">Home</a>
+                            <ul class="dropdown pl-5" style="display: none;">
+                                <li>
+                                    <a class="block p-3 text-sm text-blueGray-500 hover:bg-blue-50 hover:text-blue-500"
+                                        href="index.html">Home 1</a>
+                                </li>
+                                <li>
+                                    <a class="block p-3 text-sm text-blueGray-500 hover:bg-blue-50 hover:text-blue-500"
+                                        href="index-2.html">Home 2</a>
+                                </li>
+                                <li>
+                                    <a class="block p-3 text-sm text-blueGray-500 hover:bg-blue-50 hover:text-blue-500"
+                                        href="index-3.html">Home 3</a>
+                                </li>
+                                <li>
+                                    <a class="block p-3 text-sm text-blueGray-500 hover:bg-blue-50 hover:text-blue-500"
+                                        href="index-4.html">Home 4</a>
+                                </li>
+                                <li>
+                                    <a class="block p-3 text-sm text-blueGray-500 hover:bg-blue-50 hover:text-blue-500"
+                                        href="index-5.html">Home 5</a>
+                                </li>
+                            </ul>
+                        </li>
+                        <li class="mb-1 rounded-xl">
+                            <a class="block p-4 text-sm text-blueGray-500 hover:bg-blue-50 hover:text-blue-500 rounded-xl"
+                                href="about.html">About Us</a>
+                        </li>
+                        <li class="mb-1">
+                            <a class="block p-4 text-sm text-blueGray-500 hover:bg-blue-50 hover:text-blue-500"
+                                href="services.html">Services</a>
+                        </li>
+                        <li class="mb-1">
+                            <a class="block p-4 text-sm text-blueGray-500 hover:bg-blue-50 hover:text-blue-500"
+                                href="portfolio.html">Portfolio</a>
+                        </li>
+                        <li class="mb-1">
+                            <a class="block p-4 text-sm text-blueGray-500 hover:bg-blue-50 hover:text-blue-500"
+                                href="pricing.html">Pricing</a>
+                        </li>
+                        <li class="mb-1">
+                            <a class="block p-4 text-sm text-blueGray-500 hover:bg-blue-50 hover:text-blue-500"
+                                href="team.html">Team</a>
+                        </li>
+                        <li class="mb-1 menu-item-has-children rounded-xl"><span class="menu-expand">+</span>
+                            <a class="block p-4 text-sm text-blueGray-500 hover:bg-blue-50 hover:text-blue-500"
+                                href="team.html">Blog</a>
+                            <ul class="dropdown pl-5" style="display: none;">
+                                <li>
+                                    <a href="blog.html"
+                                        class="block p-3 text-sm text-blueGray-500 hover:bg-blue-50 hover:text-blue-500">Category
+                                        1</a>
+                                </li>
+                                <li>
+                                    <a href="blog-2.html"
+                                        class="block p-3 text-sm text-blueGray-500 hover:bg-blue-50 hover:text-blue-500">Category
+                                        2</a>
+                                </li>
+                                <li>
+                                    <a href="blog-single.html"
+                                        class="block p-3 text-sm text-blueGray-500 hover:bg-blue-50 hover:text-blue-500">Single
+                                        1</a>
+                                </li>
+                                <li>
+                                    <a href="blog-single-2.html"
+                                        class="block p-3 text-sm text-blueGray-500 hover:bg-blue-50 hover:text-blue-500">Single
+                                        2</a>
+                                </li>
+                            </ul>
+                        </li>
+                        <li class="mb-1">
+                            <a class="block p-4 text-sm text-blueGray-500 hover:bg-blue-50 hover:text-blue-500"
+                                href="faqs.html">Faqs</a>
+                        </li>
+                        <li class="mb-1">
+                            <a class="block p-4 text-sm text-blueGray-500 hover:bg-blue-50 hover:text-blue-500"
+                                href="testimonials.html">Testimonial</a>
+                        </li>
+                        <li class="mb-1">
+                            <a class="block p-4 text-sm text-blueGray-500 hover:bg-blue-50 hover:text-blue-500"
+                                href="contact.html">Contact Us</a>
+                        </li>
+                    </ul>
+                    <div class="mt-4 pt-6 border-t border-blueGray-100">
+                        <a class="block px-4 py-3 mb-3 text-xs text-center font-semibold leading-none bg-blue-400 hover:bg-blue-500 text-white rounded"
+                            href="#">Sign Up</a>
+                        <a class="block px-4 py-3 mb-2 text-xs text-center text-blue-500 hover:text-blue-700 font-semibold leading-none border border-blue-200 hover:border-blue-300 rounded"
+                            href="#">Log In</a>
+                    </div>
+                </div>
+                <div class="mt-auto">
+                    <p class="my-4 text-xs text-blueGray-400">
+                        <span>Get in Touch</span>
+                        <a class="text-blue-500 hover:text-blue-500 underline" href="#">contact@monst.com</a>
+                    </p>
+                    <a class="inline-block px-1" href="#">
+                        <img src="assets/imgs/icons/facebook-blue.svg" alt="">
+                    </a>
+                    <a class="inline-block px-1" href="#">
+                        <img src="assets/imgs/icons/twitter-blue.svg" alt="">
+                    </a>
+                    <a class="inline-block px-1" href="#">
+                        <img src="assets/imgs/icons/instagram-blue.svg" alt="">
+                    </a>
+                </div>
+            </nav>
+        </div>
+
+        <section class="relative pb-20 bg-blueGray-50">
+            <div class="container">
+                <div class="flex justify-between items-center">
+                    <div>
+                        <h5 class="pt-10 text-3xl font-semibold">
+                            Forum List
+                        </h5>
+                        <p>Cari banyak informasi tentang berbagai hal</p>
+                    </div>
+                    <div>
+                        <a href="" class="bg-blue-500 text-white py-2 px-4 rounded-md flex gap-1"><i
+                                class="ri-add-line"></i>
+                            Posting Thread</a>
+                    </div>
+                </div>
+                <div class="md:w-3/12 mt-5">
+                    <div class="relative flex items-center">
+                        <select
+                            class="block appearance-none w-full bg-grey-lighter border border-grey-lighter text-grey-darker py-3 px-4 pr-8 rounded"
+                            id="grid-state">
+                            <option>Paling Baru</option>
+                            <option>Paling Lama</option>
+                        </select>
+                        <div
+                            class="pointer-events-none absolute right-0 pin-y pin-r flex items-center px-2 text-grey-darker">
+                            <svg class="h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+                                <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" />
+                            </svg>
+                        </div>
+                    </div>
+                </div>
+                <div class="relative pt-12">
+                    <div class="px-6 py-8 bg-white shadow rounded-lg mt-3">
+                        <div class="flex justify-between items-end">
+                            <div class="w-7/12">
+                                <div
+                                    class="absolute -mt-12 mr-3 bg-white text-sm bg-blue-500 text-white px-5 py-1 shadow rounded right-0">
+                                    Tanya Jawab</div>
+                                <div class="flex gap-3">
+                                    <img src="/assets/imgs/placeholders/img-1.png" class="w-16 h-16" alt="">
+                                    <div class="pl-4">
+                                        <h5 class="font-semibold">Judul Forum</h5>
+                                        <p class="text-blueGray-500 flex items-center gap-1"><i
+                                                class="ri-reply-line"></i>
+                                            Latest Reply @user2 in 30 minutes ago</p>
+                                        <div class="pt-3 text-gray-800">Hey i wanna ask about next js with mongodb
+                                            databases,
+                                            i'm
+                                            already connect a db
+                                            with next
+                                            but i can't .....</div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="w-5/12">
+                                <div class="flex justify-end gap-4 items-end">
+                                    <div
+                                        class="w-9 h-9 bg-white rounded-full -ml-6 z-40 drop-shadow-md flex items-center justify-center">
+                                        <img src="/assets/imgs/placeholders/img-1.png" class="w-8 h-8" alt="">
+                                    </div>
+                                    <div
+                                        class="w-9 h-9 bg-white rounded-full -ml-6 z-30 drop-shadow-md flex items-center justify-center">
+                                        <img src="/assets/imgs/placeholders/img-1.png" class="w-8 h-8" alt="">
+                                    </div>
+                                    <div
+                                        class="w-9 h-9 bg-white rounded-full -ml-6 z-20 drop-shadow-md flex items-center justify-center">
+                                        <img src="/assets/imgs/placeholders/img-1.png" class="w-8 h-8" alt="">
+                                    </div>
+                                    <div
+                                        class="w-9 h-9 bg-white rounded-full -ml-6 z-10 drop-shadow-md flex items-center justify-center">
+                                        <img src="/assets/imgs/placeholders/img-1.png" class="w-8 h-8" alt="">
+                                    </div>
+                                </div>
+                                <div class="flex justify-end items-end pt-6">
+                                    <div class="flex justify-start items-center gap-4">
+                                        <div class="font-normal flex gap-1 items-center">
+                                            <i class="ri-chat-3-line"></i> 25 Komentar
+                                        </div>
+                                        <div class="font-normal lex gap-1 items-center">
+                                            <i class="ri-heart-3-line"></i> 3 Menyukai
+                                        </div>
+                                        <div class="font-normal lex gap-1 items-center text-green-600">
+                                            <i class="ri-thumb-up-line"></i> 3
+                                        </div>
+                                        <div class="font-normal lex gap-1 items-center text-red-600">
+                                            <i class="ri-thumb-down-line"></i> 0
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="relative pt-12">
+                    <div class="px-6 py-8 bg-white shadow rounded-lg mt-3">
+                        <div class="flex justify-between items-end">
+                            <div class="w-7/12">
+                                <div
+                                    class="absolute -mt-12 mr-3 bg-white text-sm bg-blue-500 text-white px-5 py-1 shadow rounded right-0">
+                                    Tanya Jawab</div>
+                                <div class="flex gap-3">
+                                    <img src="/assets/imgs/placeholders/img-1.png" class="w-16 h-16" alt="">
+                                    <div class="pl-4">
+                                        <h5 class="font-semibold">Judul Forum</h5>
+                                        <p class="text-blueGray-500 flex items-center gap-1"><i
+                                                class="ri-reply-line"></i>
+                                            Latest Reply @user2 in 30 minutes ago</p>
+                                        <div class="pt-3 text-gray-800">Hey i wanna ask about next js with mongodb
+                                            databases,
+                                            i'm
+                                            already connect a db
+                                            with next
+                                            but i can't .....</div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="w-5/12">
+                                <div class="flex justify-end gap-4 items-end">
+                                    <div
+                                        class="w-9 h-9 bg-white rounded-full -ml-6 z-40 drop-shadow-md flex items-center justify-center">
+                                        <img src="/assets/imgs/placeholders/img-1.png" class="w-8 h-8" alt="">
+                                    </div>
+                                    <div
+                                        class="w-9 h-9 bg-white rounded-full -ml-6 z-30 drop-shadow-md flex items-center justify-center">
+                                        <img src="/assets/imgs/placeholders/img-1.png" class="w-8 h-8" alt="">
+                                    </div>
+                                    <div
+                                        class="w-9 h-9 bg-white rounded-full -ml-6 z-20 drop-shadow-md flex items-center justify-center">
+                                        <img src="/assets/imgs/placeholders/img-1.png" class="w-8 h-8" alt="">
+                                    </div>
+                                    <div
+                                        class="w-9 h-9 bg-white rounded-full -ml-6 z-10 drop-shadow-md flex items-center justify-center">
+                                        <img src="/assets/imgs/placeholders/img-1.png" class="w-8 h-8" alt="">
+                                    </div>
+                                </div>
+                                <div class="flex justify-end items-end pt-6">
+                                    <div class="flex justify-start items-center gap-4">
+                                        <div class="font-normal flex gap-1 items-center">
+                                            <i class="ri-chat-3-line"></i> 25 Komentar
+                                        </div>
+                                        <div class="font-normal lex gap-1 items-center">
+                                            <i class="ri-heart-3-line"></i> 3 Menyukai
+                                        </div>
+                                        <div class="font-normal lex gap-1 items-center text-green-600">
+                                            <i class="ri-thumb-up-line"></i> 3
+                                        </div>
+                                        <div class="font-normal lex gap-1 items-center text-red-600">
+                                            <i class="ri-thumb-down-line"></i> 0
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="relative pt-12">
+                    <div class="px-6 py-8 bg-white shadow rounded-lg mt-3">
+                        <div class="flex justify-between items-end">
+                            <div class="w-7/12">
+                                <div
+                                    class="absolute -mt-12 mr-3 bg-white text-sm bg-blue-500 text-white px-5 py-1 shadow rounded right-0">
+                                    Tanya Jawab</div>
+                                <div class="flex gap-3">
+                                    <img src="/assets/imgs/placeholders/img-1.png" class="w-16 h-16" alt="">
+                                    <div class="pl-4">
+                                        <h5 class="font-semibold">Judul Forum</h5>
+                                        <p class="text-blueGray-500 flex items-center gap-1"><i
+                                                class="ri-reply-line"></i>
+                                            Latest Reply @user2 in 30 minutes ago</p>
+                                        <div class="pt-3 text-gray-800">Hey i wanna ask about next js with mongodb
+                                            databases,
+                                            i'm
+                                            already connect a db
+                                            with next
+                                            but i can't .....</div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="w-5/12">
+                                <div class="flex justify-end gap-4 items-end">
+                                    <div
+                                        class="w-9 h-9 bg-white rounded-full -ml-6 z-40 drop-shadow-md flex items-center justify-center">
+                                        <img src="/assets/imgs/placeholders/img-1.png" class="w-8 h-8" alt="">
+                                    </div>
+                                    <div
+                                        class="w-9 h-9 bg-white rounded-full -ml-6 z-30 drop-shadow-md flex items-center justify-center">
+                                        <img src="/assets/imgs/placeholders/img-1.png" class="w-8 h-8" alt="">
+                                    </div>
+                                    <div
+                                        class="w-9 h-9 bg-white rounded-full -ml-6 z-20 drop-shadow-md flex items-center justify-center">
+                                        <img src="/assets/imgs/placeholders/img-1.png" class="w-8 h-8" alt="">
+                                    </div>
+                                    <div
+                                        class="w-9 h-9 bg-white rounded-full -ml-6 z-10 drop-shadow-md flex items-center justify-center">
+                                        <img src="/assets/imgs/placeholders/img-1.png" class="w-8 h-8" alt="">
+                                    </div>
+                                </div>
+                                <div class="flex justify-end items-end pt-6">
+                                    <div class="flex justify-start items-center gap-4">
+                                        <div class="font-normal flex gap-1 items-center">
+                                            <i class="ri-chat-3-line"></i> 25 Komentar
+                                        </div>
+                                        <div class="font-normal lex gap-1 items-center">
+                                            <i class="ri-heart-3-line"></i> 3 Menyukai
+                                        </div>
+                                        <div class="font-normal lex gap-1 items-center text-green-600">
+                                            <i class="ri-thumb-up-line"></i> 3
+                                        </div>
+                                        <div class="font-normal lex gap-1 items-center text-red-600">
+                                            <i class="ri-thumb-down-line"></i> 0
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <!--Footer 2-->
+        <section class="relative footer-2 border-t border-gray-100">
+            <div class="hidden lg:block absolute inset-0 w-1/2 ml-auto bg-blueGray-50"></div>
+            <div class="container">
+                <div class="relative flex flex-wrap -mx-4">
+                    <div
+                        class="w-full lg:w-1/2 pt-20 px-4 max-w-lg lg:max-w-full mx-auto lg:mx-0 text-center lg:text-left">
+                        <a class="inline-block mx-auto lg:ml-0 text-3xl font-semibold leading-none wow animate__ animate__fadeInUp animated animated"
+                            data-wow-delay=".1s" href="index.html"
+                            style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
+                            <img class="h-10" src="assets/imgs/logos/logo.svg" alt="">
+                        </a>
+                        <div class="mt-12 mb-16">
+                            <p class="mb-4 text-xs text-blueGray-400 text-center lg:text-left wow animate__ animate__fadeInUp animated animated"
+                                data-wow-delay=".1s"
+                                style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">Subscribe
+                                and stay fully connected with product.</p>
+                            <div class="flex flex-wrap lg:flex-nowrap items-center wow animate__ animate__fadeInUp animated animated"
+                                data-wow-delay=".3s"
+                                style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
+                                <div class="flex w-full lg:w-2/3 mb-3 lg:mb-0 px-4 bg-blueGray-50 rounded">
+                                    <svg class="h-6 w-6 my-auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
+                                        fill="currentColor">
+                                        <path
+                                            d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z">
+                                        </path>
+                                        <path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z"></path>
+                                    </svg>
+                                    <input
+                                        class="w-full py-4 pl-3 text-xs text-blueGray-400 bg-blueGray-50 outline-none"
+                                        type="text" placeholder="Type your e-mail">
+                                </div>
+                                <button
+                                    class="hover-up-2 w-full lg:w-auto py-4 px-8 lg:ml-6 text-xs text-white font-semibold leading-none bg-blue-400 hover:bg-blue-500 rounded"
+                                    type="submit">Sign Up</button>
+                            </div>
+                        </div>
+                        <div class="hidden lg:block wow animate__ animate__fadeInUp animated animated"
+                            data-wow-delay=".5s"
+                            style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
+                            <p class="text-xs text-blueGray-400">© 2022. All rights reserved.</p>
+                            <div class="-mx-2 mt-4">
+                                <a class="inline-block px-2" href="#">
+                                    <img src="assets/imgs/icons/facebook-blue.svg" alt="">
+                                </a>
+                                <a class="inline-block px-2" href="#">
+                                    <img src="assets/imgs/icons/twitter-blue.svg" alt="">
+                                </a>
+                                <a class="inline-block px-2" href="#">
+                                    <img src="assets/imgs/icons/instagram-blue.svg" alt="">
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="relative w-full lg:w-1/2 px-4 pt-40 lg:pl-12">
+                        <div class="flex flex-row flex-wrap justify-around mb-12">
+                            <div class="w-1/2 lg:w-auto mb-12 wow animate__ animate__fadeInUp animated animated"
+                                data-wow-delay=".1s"
+                                style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
+                                <h5 class="mb-6 text-lg font-bold font-heading">About</h5>
+                                <ul class="space-y-3">
+                                    <li>
+                                        <a class="text-lg text-blueGray-400 hover:text-blueGray-500"
+                                            href="about.html">About us</a>
+                                    </li>
+                                    <li>
+                                        <a class="text-lg text-blueGray-400 hover:text-blueGray-500"
+                                            href="portfolio.html">Portfolio</a>
+                                    </li>
+                                    <li>
+                                        <a class="text-lg text-blueGray-400 hover:text-blueGray-500"
+                                            href="services.html">Services</a>
+                                    </li>
+                                    <li>
+                                        <a class="text-lg text-blueGray-400 hover:text-blueGray-500"
+                                            href="contact.html">Contact</a>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div class="w-1/2 lg:w-auto mb-12 wow animate__ animate__fadeInUp animated animated"
+                                data-wow-delay=".3s"
+                                style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
+                                <h5 class="mb-6 text-lg font-bold font-heading">Quick links</h5>
+                                <ul class="space-y-3">
+                                    <li>
+                                        <a class="text-lg text-blueGray-400 hover:text-blueGray-500"
+                                            href="team.html">Team</a>
+                                    </li>
+                                    <li>
+                                        <a class="text-lg text-blueGray-400 hover:text-blueGray-500"
+                                            href="pricing.html">Pricing</a>
+                                    </li>
+                                    <li>
+                                        <a class="text-lg text-blueGray-400 hover:text-blueGray-500"
+                                            href="testimonials.html">Testimonials</a>
+                                    </li>
+                                    <li>
+                                        <a class="text-lg text-blueGray-400 hover:text-blueGray-500"
+                                            href="faqs.html">Faqs</a>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div class="w-full lg:w-auto mb-4 wow animate__ animate__fadeInUp animated animated"
+                                data-wow-delay=".5s"
+                                style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
+                                <h5 class="mb-6 text-lg font-bold font-heading">Blog</h5>
+                                <ul class="space-y-3">
+                                    <li>
+                                        <a class="text-lg text-blueGray-400 hover:text-blueGray-500"
+                                            href="blog.html">Bussiness</a>
+                                    </li>
+                                    <li>
+                                        <a class="text-lg text-blueGray-400 hover:text-blueGray-500"
+                                            href="blog-2.html">Marketing</a>
+                                    </li>
+                                    <li>
+                                        <a class="text-lg text-blueGray-400 hover:text-blueGray-500"
+                                            href="blog-single.html">Single</a>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="lg:hidden text-center">
+                            <p class="text-xs text-blueGray-400">© 2022. All rights reserved.</p>
+                            <div class="-mx-2 mt-4">
+                                <a class="inline-block px-2" href="#">
+                                    <img src="assets/imgs/icons/facebook-blue.svg" alt="">
+                                </a>
+                                <a class="inline-block px-2" href="#">
+                                    <img src="assets/imgs/icons/twitter-blue.svg" alt="">
+                                </a>
+                                <a class="inline-block px-2" href="#">
+                                    <img src="assets/imgs/icons/instagram-blue.svg" alt="">
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </div>
+    <!-- End .main -->
+
+    <!-- Preloader Start -->
+    <div id="preloader-active" style="display: none;">
+        <div class="preloader flex-1 content-center">
+            <div class="logo absolute inset-y-2/4 jump">
+                <img src="assets/imgs/logos/favicon.svg" alt="">
+                <h1 class="text-lg font-semibold">Monst</h1>
+            </div>
+        </div>
+    </div>
+    <!--Import Vendor Js-->
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="assets/js/vendor/modernizr-3.6.0.min.js"></script>
+    <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
+    <script src="assets/js/vendor/waypoints.js"></script>
+    <script src="assets/js/vendor/counterup.js"></script>
+    <script src="assets/js/vendor/slick.js"></script>
+    <script src="assets/js/vendor/wow.js"></script>
+    <script src="assets/js/vendor/scrollup.js"></script>
+    <script src="assets/js/vendor/smooth.js"></script>
+    <script src="assets/js/vendor/textType.js"></script>
+    <script src="assets/js/vendor/mobile-menu.js"></script>
+    <script src="assets/js/main.js"></script><a id="scrollUp" href="#top"
+        style="position: fixed; z-index: 2147483647; display: none;"><svg class="w-4 h-4" fill="none"
+            stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"></path>
+        </svg></a>
+
+
+    <style type="text/css">
+        .typewrite>.wrap {
+            border-right: 0.05em solid rgba(147, 197, 253)
+        }
+    </style>
+</body><grammarly-desktop-integration data-grammarly-shadow-root="true"></grammarly-desktop-integration>
+
+</html>
\ No newline at end of file
diff --git a/src/index.html b/index.html
similarity index 100%
rename from src/index.html
rename to index.html
diff --git a/src/login.html b/login.html
similarity index 100%
rename from src/login.html
rename to login.html
diff --git a/src/signup.html b/signup.html
similarity index 100%
rename from src/signup.html
rename to signup.html
diff --git a/src/team.html b/team.html
similarity index 100%
rename from src/team.html
rename to team.html