Hoshino SMP S10<title> </head> <body>  <div class="navbar"> <div class="menu-mobile"> <a href='/'> <div class="logo"> <img src="images/logo.png" alt="Server logo" class="logo-img"> <h3 class="server-name">ExampleName</h3> </div> </a> <div class="hamburger"> <i class="fa-solid fa-bars"></i> </div> </div> <div class="links"> <a href="#" class="link active">Home</a> <a class='link' href='/rules'>Rules</a> <a class='link' href='/admin-team'>Admin-Team</a> <a class='link' href='/contact'>Contact</a> </div> </div>  <section id="header"> <div class="content"> <div class="left"> <div class="server-name"> <p>Survival Tycoon server</p> <h1 class="minecraft-server-ip">hoshinosmp.my.id</h1> </div> <p class="server-description"> Di season kali ini, server bertransformasi dari sekadar survival menjadi java-based survival tycoon experience. Fokus utama bukan cuma bertahan hidup, tapi menguasai ekonomi dan membangun kerajaanmu. <br><br>Join and play with your friends. </p> <div class="buttons"> <button class="copy-ip">Copy IP</button> <a href="#about"><button class="how-to-join">Show more</button></a> </div> <p class="ip-copied">IP was successfully copied!</p> </div> <div class="right"> <img src="images/logo.png" alt="Server logo" class="logo-img logo-img-header"> <div class="stats"> <div class="stat"> <div class="icon"> <i class="fa-brands fa-discord"></i> </div> <div class="texts"> <h5 class="stat-title">Discord server</h5> <p><span class="stat-number discord-online-users">None</span> users online</p> </div> </div> <div class="stat"> <div class="icon"> <i class="fa-solid fa-server"></i> </div> <div class="texts"> <h5 class="stat-title">Minecraft server</h5> <p><span class="stat-number minecraft-online-players">None</span> players online</p> </div> </div> </div> </div> </div> </section>  <section id="about"> <div class="content"> <div class="left"> <h2 class="section-title">Who we are?</h2> <p class="about-us">Hoshino adalah komunitas Minecraft yang berfokus pada survival experience yang terus berevolusi tiap season. Kami bukan sekadar server. kami adalah laboratorium konsep, tempat di mana ide-ide gila tentang economy, progression, dan freedom diuji dan diwujudkan. Sejak awal, Hoshino dibangun bukan untuk menjadi server paling besar, tapi paling hidup dan paling berkarakter. Komunitas kami terdiri dari pemain yang suka tantangan, suka eksplorasi, dan haus akan progres jangka panjang. bukan sekadar login, bosan, lalu hilang.</p> </div> <div class="right"> <img src="images/about-section-person-image.png" alt="Minecraft person"> <div class="img-background"></div> </div> </div> </section>  <section id="minigames"> <div class="content miniGames-list"> <div class="game"> <img src="images/survival-minigames-image.jpg" alt="Survival image"> <div class="info"> <h2 class="section-title">Survival</h2> <div class="game-description"> <p>Lörem ipsum tosk nedust hemiktigt ifall hubot, och haför. Vagt antevynat. Antivaxxare krana: liksom monoktigt ide i ubel. Mikroktig dovis preliga, ogt. Dihagen säs såvis nun. Dra åt helvete-kapital sana </p> <ul class="services"> <li class="service">Economy</li> <li class="service">SlimeFun</li> <li class="service">Player Warps</li> <li class="service">and more</li> </ul> </div> </div> </div> <div class="game"> <img src="images/survival-minigames-image.jpg" alt="Survival image"> <div class="info"> <h2 class="section-title">SkyBlock</h2> <div class="game-description"> <p>Lörem ipsum tosk nedust hemiktigt ifall hubot, och haför. Vagt antevynat. Antivaxxare krana: liksom monoktigt ide i ubel. Mikroktig dovis preliga, ogt. Dihagen säs såvis nun. Dra åt helvete-kapital sana </p> <ul class="services"> <li class="service">Economy</li> <li class="service">SlimeFun</li> <li class="service">Player Warps</li> <li class="service">and more</li> </ul> </div> </div> </div> </div> </section>  <section id="discord"> <div class="content"> <h2 class="section-title">Have a <span>problem</span> or want to get in touch with others? <br> Join our <span>Discord!</span></h2> <a href="#" class="discord-link"><button class="join-discord">Join Discord</button></a> </div> </section>  <section id="vote"> <div class="content"> <div class="info"> <h2 class="section-title">Why vote?</h2> <p class="section-description">Lörem ipsum tosk nedust hemiktigt ifall hubot, och haför. Vagt antevynat. Antivaxxare krana: liksom monoktigt ide i ubel. Mikroktig dovis preliga, ogt. Dihagen säs såvis nun. Dra åt helvete</p> </div> <div class="links voteLinks"> <a href="#" class="url"> <div class="link"> <h5>servers-minecraft</h5> <div class="link-description"> <p class="description">Lörem ipsum tosk nedust hemiktigt ifall hubot, hubot ifall.</p> <div class="icon"> <i class="fa-solid fa-circle-arrow-right"></i> </div> </div> </div> </a> <a href="#" class="url"> <div class="link"> <h5>planetminecraft</h5> <div class="link-description"> <p class="description">Lörem ipsum tosk nedust hemiktigt ifall hubot, hubot ifall.</p> <div class="icon"> <i class="fa-solid fa-circle-arrow-right"></i> </div> </div> </div> </a> </div> </div> </section>  <section id="faq"> <div class="content"> <div class="info"> <h2 class="section-title">Server <span>FAQs.</span></h2> <p class="section-description">Lörem ipsum tosk nedust hemiktigt ifall hubot, och haför. Vagt antevynat. Antivaxxare krana: liksom monoktigt ide i ubel. Mikroktig dovis preliga, ogt. Dihagen säs såvis nun. Dra åt helvete</p> </div> <div class="accordion faqList"> <div class="accordion-item"> <div class="accordion-item-header"> Lörem ipsum pongar valig pede, tisade. Tilåskapet decijål ifall sar pure? </div> <div class="accordion-item-body"> <div class="accordion-item-body-content"> Lörem ipsum pongar valig pede, tisade. Tilåskapet decijål ifall sar pure. Klittra tidögt och soment, viradade utivis. Sebina hedersvåld profavis. Hurade gon vimöde. Lörem Sebina hedersvåld profavis. Hurade gon vimöde. LöremSebina hedersvåld profavis. Hurade gon vimöde. LöremSebina hedersvåld profavis. Hurade gon vimöde. LöremSebina hedersvåld profavis. Hurade gon vimöde. Lörem </div> </div> </div> <div class="accordion-item"> <div class="accordion-item-header"> Lörem ipsum pongar valig pede, tisade. Tilåskapet decijål ifall sar pure? </div> <div class="accordion-item-body"> <div class="accordion-item-body-content"> Lörem ipsum pongar valig pede, tisade. Tilåskapet decijål ifall sar pure. Klittra tidögt och soment, viradade utivis. Sebina hedersvåld profavis. Hurade gon vimöde. Lörem Sebina hedersvåld profavis. Hurade gon vimöde. LöremSebina hedersvåld profavis. Hurade gon vimöde. LöremSebina hedersvåld profavis. Hurade gon vimöde. LöremSebina hedersvåld profavis. Hurade gon vimöde. Lörem </div> </div> </div> <div class="accordion-item"> <div class="accordion-item-header"> Lörem ipsum pongar valig pede, tisade. Tilåskapet decijål ifall sar pure? </div> <div class="accordion-item-body"> <div class="accordion-item-body-content"> Lörem ipsum pongar valig pede, tisade. Tilåskapet decijål ifall sar pure. Klittra tidögt och soment, viradade utivis. Sebina hedersvåld profavis. Hurade gon vimöde. Lörem Sebina hedersvåld profavis. Hurade gon vimöde. LöremSebina hedersvåld profavis. Hurade gon vimöde. LöremSebina hedersvåld profavis. Hurade gon vimöde. LöremSebina hedersvåld profavis. Hurade gon vimöde. Lörem </div> </div> </div> <div class="accordion-item"> <div class="accordion-item-header"> Lörem ipsum pongar valig pede, tisade. Tilåskapet decijål ifall sar pure? </div> <div class="accordion-item-body"> <div class="accordion-item-body-content"> Lörem ipsum pongar valig pede, tisade. Tilåskapet decijål ifall sar pure. Klittra tidögt och soment, viradade utivis. Sebina hedersvåld profavis. Hurade gon vimöde. Lörem Sebina hedersvåld profavis. Hurade gon vimöde. LöremSebina hedersvåld profavis. Hurade gon vimöde. LöremSebina hedersvåld profavis. Hurade gon vimöde. LöremSebina hedersvåld profavis. Hurade gon vimöde. Lörem </div> </div> </div> </div> </div> </section>  <footer id="footer"> <p class="copyright">© 2023 <span class="server-name-footer">ExampleName</span>. All rights reserved.</p> <div class="social-links"> <a href="#" class="link tiktok-link"><i class="fa-brands fa-tiktok"></i></a> <a href="#" class="link instagram-link"><i class="fa-brands fa-square-instagram"></i></a> <a href="#" class="link discord-link-footer"><i class="fa-brands fa-discord"></i></a> </div> </footer> </body> <script src="js/script.js"></script> <script src="https://kit.fontawesome.com/cbf5ee59c8.js" crossorigin="anonymous"></script> </html>