index.php
unknown
php
a year ago
26 kB
1
Indexable
Never
<?php
// Conectarea la baza de date
$servername = "localhost";
$username = "xtramus1_accounts"; // înlocuiți cu numele utilizatorului
$password = "Pysquaifk!1@@XtraMusic1234"; // înlocuiți cu parola
$dbname = "xtramus1_news"; // înlocuiți cu numele bazei de date
$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$email = filter_input(INPUT_POST, 'EMAIL', FILTER_VALIDATE_EMAIL);
if ($email) {
// Verificăm dacă adresa de e-mail există deja în baza de date
$stmt = $conn->prepare("SELECT * FROM newsletter_emails WHERE email = ?");
$stmt->bind_param("s", $email);
$stmt->execute();
$stmt->bind_result($id, $email);
$stmt->fetch();
$stmt->close();
if ($id) {
echo '<div id="popup" class="popup show" data-message="Adresa de email este deja înregistrată. Vă rugăm să introduceți o altă adresă de email.">
<span class="popuptext" id="myPopup">' . 'Adresa de email este deja înregistrată.' . '</span>
</div>';
} else if (filter_var($email, FILTER_VALIDATE_EMAIL)) {
// Adăugăm adresa de e-mail în baza de date
$stmt = $conn->prepare("INSERT INTO newsletter_emails (email) VALUES (?)");
$stmt->bind_param("s", $email);
$stmt->execute();
$stmt->close();
// Trimite email de bun venit
$to = $email;
$subject = 'Bun venit la newsletter-ul nostru!';
// Setăm antetul pentru email și adăugăm stilurile CSS inline pentru mesaj
$headers = 'MIME-Version: 1.0' . "\r\n";
$headers .= 'Content-type: text/html; charset=UTF-8' . "\r\n";
$headers .= 'From: Xtra Music Media <contact@xtramusicmedia.com>' . "\r\n" .
'Reply-To: Xtra Music Media <contact@xtramusicmedia.com>' . "\r\n" .
'X-Mailer: PHP/' . phpversion();
// Setăm corpul mesajului și stilurile CSS inline
$message = '<html><body style="font-family: Arial, sans-serif; font-size: 16px; line-height: 1.5em; background-color: #000000;">
<div style="background-color: #000000; padding: 30px; color: #ffffff;">
<h1 style="font-size: 24px; margin-top: 80px;">Bun venit în comunitatea noastră!</h1>
<p style="margin-top: 45px;">Dragă abonat,<br>Te-am adăugat cu succes la newsletter-ul nostru și vei primi cele mai noi noutăți și promoții prin email.<br>Mulțumim că ești alături de noi!</p>
<img src="https://xtra-music.ro/img/xtramusic.png" alt="Logo" style="display: block; margin: 5px auto; max-width: 160px;">
<div style="position:relative; top: -60px; text-align:center;">
<a style="text-decoration: none;" href="https://instagram.com/xtra.music.media">
<img src="https://xtra-music.ro/img/instagram2.png" alt="Instagram" style="width: 30px; height: 30px;">
</a>
<p style="margin-top: 45px;">Poti oricand sa te dezabonezi de la newsletter facand click aick:<br></p>
<a style="text-decoration: none; color: white;" href="https://xtra-music.ro/unsubscribe.php"><p style="margin-top: 45px;">Dezaboneaza-te!</p><a/>
</div>
</div></body></html>';
if (mail($to, $subject, $message, $headers)) {
echo '<div id="popup" class="popup show" data-message="Mulțumim pentru abonare! Vei primi un mesaj de bun venit la adresa '. $email . '.">' .
'<span class="popuptext" id="myPopup">Mulțumim pentru abonare! Vei primi un mesaj de bun venit la adresa '. $email . '.</span>' .
'</div>';
} else {
echo '<div id="popup" class="popup show" data-message="A apărut o eroare la trimiterea mesajului. Vă rugăm să încercați din nou mai târziu.">' .
'<span class="popuptext" id="myPopup">A apărut o eroare la trimiterea mesajului. Vă rugăm să încercați din nou mai târziu.</span>' .
'</div>';
}
} else {
echo '<div id="popup" class="popup show" data-message="Adresa de email este invalida.">' .
'<span class="popuptext" id="myPopup">Adresa de email este invalida.</span>' .
'</div>';
}
}
}
$conn->close();
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Acasa - Xtra Music</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Favicons -->
<link href="img/favicon2.png" rel="icon">
<link href="img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Raleway:300,400,500,700,800" rel="stylesheet">
<!-- Bootstrap CSS File -->
<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Libraries CSS Files -->
<link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/venobox/venobox.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<!-- Main Stylesheet File -->
<link href="css/style.css" rel="stylesheet">
<!-- Custom CSS -->
<style>
#popup {
position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
opacity: 0;
visibility: hidden;
transition: opacity 1s ease, visibility 0s linear 1s;
z-index: 1000;
}
.show {
opacity: 1 !important;
visibility: visible !important;
}
.hide {
opacity: 0 !important;
visibility: hidden !important;
transition: opacity 1s ease, visibility 0s linear 1s;
}
/* The actual popup */
.popup .popuptext {
visibility: hidden;
opacity: 0;
background-color: #333;
color: #fff;
text-align: center;
border-radius: 15%;
padding: 16px 32px;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -80px;
transition: opacity 1s ease-in-out;
}
/* Popup arrow */
.popup .popuptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #333 transparent transparent transparent;
}
/* Show the popup */
.popup.show .popuptext {
visibility: visible;
opacity: 1;
transition: opacity 1s ease-in-out;
}
/* Hide the popup */
.popup.hide .popuptext {
visibility: hidden;
opacity: 0;
transition: opacity 1s ease-in-out;
}
.popup-message {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: none;
justify-content: center;
align-items: center;
z-index: 9999;
}
.popup-message.show {
display: flex;
}
.fade-out {
opacity: 0 !important;
transition: opacity 1s ease-out;
}
#mixed-demo {
position: relative;
padding: 60px 0;
overflow: hidden;
}
#mixed-demo::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('https://c4.wallpaperflare.com/wallpaper/619/530/458/colorful-gradient-4k-wallpaper-preview.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
filter: blur(200px);
z-index: -1;
}
#mixed-demo2 {
position: relative;
padding: 60px 0;
overflow: hidden;
}
#mixed-demo2::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('https://c4.wallpaperflare.com/wallpaper/619/530/458/colorful-gradient-4k-wallpaper-preview.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
filter: blur(200px);
z-index: -1;
}
.container2 {
position: relative;
width: 100%;
max-width: 800px;
margin: 0 auto;
text-align: center;
}
.container {
position: relative;
}
.mixed-demo-container {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
gap: 30px;
}
.audio-player {
width: 100%;
max-width: 400px;
background-color: #ffffff;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
border-radius: 10px;
overflow: hidden;
}
.audio-player-title {
background-color: #0e1b4dd4;
color: #ffffff;
font-size: 18px;
font-weight: 500;
text-align: center;
padding: 10px;
border-radius: 10px 10px 0 0;
}
audio {
width: 100%;
}
.login-btn {
background-color: #f82249;
border: none;
color: white;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 13px;
margin: -3px 3px;
cursor: pointer;
padding: 1px 9px;
border-radius: 500px;
transition-duration: 0.4s;
}
.login-btn:hover {
background-color: #f8224973;
color: white;
}
.newsletter-section h2 {
color: #f82249e6;
font-size: 24px;
margin-bottom: 1rem;
}
.newsletter-section p {
color: #040919;
margin-bottom: 1.5rem;
}
.newsletter-form input[type="email"] {
padding: 0.5rem;
border: 1px solid #ccc;
background-color: #fff;
width: 60%;
max-width: 300px;
border-radius: 500px;
}
#cookies {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #f1f1f1;
padding: 1rem;
text-align: center;
display: none;
}
#cookies p {
margin-bottom: 1rem;
}
#cookies .buttons button {
border: none;
background-color: #333;
color: #fff;
padding: 0.5rem 1rem;
margin: 0 0.5rem;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
#cookies .buttons button:hover {
background-color: #666
color: #fff;
}
@media screen and (max-width: 768px) {
#cookies {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #f1f1f1;
padding: 1rem;
text-align: center;
display: none;
}
#cookies .buttons button {
display: block;
margin-bottom: 1rem;
}
}
/* Restul stilurilor CSS pentru chatbox aici */
</style>
<script src="https://kit.fontawesome.com/64ff14fb4c.js" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="js/chatbox.js"></script>
<link href="css/chatbox.css" rel="stylesheet">
</head>
<body>
<!--==========================
Header
============================-->
<header id="header">
<div class="container">
<div id="logo" class="pull-left">
<a href="#intro" class="scrollto"><img src="img/xtramusic.png" alt="" title=""></a>
</div>
<nav id="nav-menu-container">
<ul class="nav-menu">
<li class="menu-active"><a href="#intro">Acasa</a></li>
<!-- <li class="#services"><a href="/servicii.html">Servicii</a></li> -->
<li><a href="#speakers">Echipa noastra</a></li>
<li><a href="./term.html">Termeni si Conditii</a></li>
<li><a href="./privacy.html">Politica de Confidentialitate</a></li>
<li><a href="#footer">Contact</a></li>
<li><a href="login.php"><button class="login-btn">Log In</button></li>
</ul>
</nav><!-- #nav-menu-container -->
</div>
</header><!-- #header -->
<!--==========================
Intro Section
============================-->
<section id="intro">
<div class="intro-container wow fadeIn">
<h1 class="mb-4 pb-0">Xtra <span>Music</span> <br><!-- <span>Best</span> Artists --></h1>
<p class="mb-4 pb-0">We wish you an XTRA good day! <3</p>
<a href="https://www.youtube.com/watch?v=aGWHYvZFDXo" class="venobox play-btn mb-4" data-vbtype="video"
data-autoplay="true"></a>
<a href="/register.php" class="about-btn scrollto">Intra in panoul tau de control!</a>
</div>
</section>
<main id="main">
<!--==========================
Speakers Section
============================-->
<section id="speakers" class="wow fadeInUp">
<div class="container">
<div class="section-header">
<h2>Echipa noastra</h2>
<p>Aici se afla echipa noastra</p>
</div>
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="speaker">
<img src="img/speakers/Chriss.jpeg" alt="Speaker 5" class="img-fluid">
<div class="details">
<h3><a href="#">CHRISS (C.E.O.)<br>Artist / Songwriter / Filmmaker</a></h3>
<div class="social">
<a href="hhttps://open.spotify.com/artist/1dxE0MiLLAxdcxNsokmiqA" style="margin-right: 10px;"><i class="fa-brands fa-spotify"></i></a>
<a href="https://instagram.com/suntchriss" style="margin-right: 10px;"><i class="fa fa-instagram"></i></a>
<a href="https://tiktok.com/@suntchriss" style="margin-right: 10px;"><i class="fa-brands fa-tiktok"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="speaker">
<img src="img/speakers/xtralogo.png" alt="Speaker 1" class="img-fluid">
<div class="details">
<h3><a href="#">XTRA MUSIC<br>Only good vibes here</a></h3>
<div class="social">
<a href="https://instagram.com/xtra.music.media" style="margin-right: 10px;"><i class="fa fa-instagram"></i></a>
<a href="https://tiktok.com/@suntchriss" style="margin-right: 10px;"><i class="fa-brands fa-tiktok"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="speaker">
<img src="img/speakers/horiamcxdstan.png" alt="Speaker 6" class="img-fluid">
<div class="details">
<h3><a href="#">HoriaMC<br>Music Producer / Sound Engineer / A&R</a></h3>
<div class="social">
<a href="https://open.spotify.com/artist/1WmmR1p2YxfaxZiIGa5L2n" style="margin-right: 10px;"><i class="fa-brands fa-spotify"></i></a>
<a href="https://instagram.com/horiastanxd" style="margin-right: 10px;"><i class="fa fa-instagram"></i></a>
<a href="https://tiktok.com/@horiamcoff" style="margin-right: 10px;"><i class="fa-brands fa-tiktok"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="speaker">
<img src="img/speakers/Denisa.jpeg" alt="Speaker 1" class="img-fluid">
<div class="details">
<h3><a href="#">Denisa Jo<br>Artist / Songwriter</a></h3>
<div class="social">
<a href="https://open.spotify.com/artist/1XYRjO35SnJJLEVASGWVhz" style="margin-right: 10px;"><i class="fa-brands fa-spotify"></i></a>
<a href="https://instagram.com/denisajo.official" style="margin-right: 10px;"><i class="fa fa-instagram"></i></a>
<a href="https://tiktok.com/@denisajo.official" style="margin-right: 10px;"><i class="fa-brands fa-tiktok"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="speaker">
<img src="img/speakers/Karina.jpeg" alt="Speaker 2" class="img-fluid">
<div class="details">
<h3><a href="speaker-details.html">Karina Maria<br>Artist</a></h3>
<div class="social">
<a href="https://open.spotify.com/artist/0zt8tMMq1q5d2IEQ9DIVTK" style="margin-right: 10px;"><i class="fa-brands fa-spotify"></i></a>
<a href="https://instagram.com/karinamariaofficial" style="margin-right: 10px;"><i class="fa fa-instagram"></i></a>
<a href="https://tiktok.com/@karinamaria.off" style="margin-right: 10px;"><i class="fa-brands fa-tiktok"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="speaker">
<img src="img/speakers/Betty.jpeg" alt="Speaker 3" class="img-fluid">
<div class="details">
<h3><a href="speaker-details.html">Betty Bee<br>Artist</a></h3>
<div class="social">
<a href="https://open.spotify.com/artist/53zERRQbKS7gHLHGWsMe1H" style="margin-right: 10px;"><i class="fa-brands fa-spotify"></i></a>
<a href="https://instagram.com/bettybee.off" style="margin-right: 10px;"><i class="fa fa-instagram"></i></a>
<a href="https://tiktok.com/@bettybee.off" style="margin-right: 10px;"><i class="fa-brands fa-tiktok"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--==========================
Gallery Section
============================-->
<section id="gallery" class="wow fadeInUp">
<div class="container">
<div class="section-header">
<h2>Galerie</h2>
</div>
</div>
<div class="owl-carousel gallery-carousel">
<a href="img/gallery/1.jpeg" class="venobox" data-gall="gallery-carousel"><img src="img/gallery/1.jpeg" alt=""></a>
<a href="img/gallery/4.jpeg" class="venobox" data-gall="gallery-carousel"><img src="img/gallery/4.jpeg" alt=""></a>
<a href="img/gallery/5.jpeg" class="venobox" data-gall="gallery-carousel"><img src="img/gallery/5.jpeg" alt=""></a>
<a href="img/gallery/6.jpeg" class="venobox" data-gall="gallery-carousel"><img src="img/gallery/6.jpeg" alt=""></a>
<a href="img/gallery/7.jpeg" class="venobox" data-gall="gallery-carousel"><img src="img/gallery/7.jpeg" alt=""></a>
<a href="img/gallery/8.jpeg" class="venobox" data-gall="gallery-carousel"><img src="img/gallery/8.jpeg" alt=""></a>
</div>
</section>
<!--==========================
Mixed Demo Section
============================-->
<section id="mixed-demo" class="wow fadeInUp">
<div class="container">
<div class="section-header text-center">
<h2>Original vs Mix-Master</h2>
</div>
<div class="mixed-demo-container">
<div class="audio-player">
<div class="audio-player-title">Piesă nemixată</div>
<audio controls>
<source src="audio/nemixat.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</div>
<div class="audio-player">
<div class="audio-player-title">Piesă mixată</div>
<audio controls>
<source src="audio/mixat.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</div>
</div>
</div>
</section>
<!--==========================
F.A.Q Section
============================-->
<section id="faq" class="wow fadeInUp">
<div class="container">
<div class="section-header">
<h2>F.A.Q </h2>
</div>
<div class="row justify-content-center">
<div class="col-lg-9">
<ul id="faq-list">
<li>
<a data-toggle="collapse" class="collapsed" href="#faq1">Cat costa un instrumental? <i class="fa fa-minus-circle"></i></a>
<div id="faq1" class="collapse" data-parent="#faq-list">
<p>
Pretul de plecare al unui instrumental este 150 de euro, iar in functie de complexitatea lui, pretul creste.
</p>
</div>
</li>
<li>
<a data-toggle="collapse" href="#faq2" class="collapsed">Cat costa o inregistrare? <i class="fa fa-minus-circle"></i></a>
<div id="faq2" class="collapse" data-parent="#faq-list">
<p>
Recording-ul costa 100 lei / ora.
</p>
</div>
</li>
<li>
<a data-toggle="collapse" href="#faq3" class="collapsed">Ce pot face pentru a semna la label? <i class="fa fa-minus-circle"></i></a>
<div id="faq3" class="collapse" data-parent="#faq-list">
<p>
Daca iti doresti sa semnezi la noi, stabilim cateva sesiuni in care facem un meet up si vedem cum ne potrivim ca vibe.
</p>
</div>
</li>
<li>
<a data-toggle="collapse" href="#faq4" class="collapsed">Ce tipuri de servicii oferiti? <i class="fa fa-minus-circle"></i></a>
<div id="faq4" class="collapse" data-parent="#faq-list">
<p>
Label-ul nostru oferta o gamă largă de servicii, de la recording, productii si mix master pana la poze si clipuri profesionale.
</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
</main>
<div id="chatbox-container">
<button id="chatbox-opener">Deschide chatbox</button>
<div id="chatbox" style="display: none;">
<div id="messages">
<!-- Mesajele vor fi afișate aici -->
</div>
<form id="messageForm">
<input type="text" id="nameInput" placeholder="Nume">
<input type="text" id="messageInput" placeholder="Scrie un mesaj...">
<button type="submit">Trimite</button>
</form>
</div>
</div>
<section id="mixed-demo2" class="newsletter-section">
<div class="container2">
<h2>Abonează-te la newsletter-ul nostru</h2>
<p>Pentru a primi ultimele noutăți, promoții și evenimente, abonează-te la newsletter-ul nostru.</p>
<form action="" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="newsletter-form validate" novalidate>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="Introdu adresa ta de email" required>
<button type="submit" name="subscribe" id="mc-embedded-subscribe" class="login-btn">Abonează-te</button>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_5ef0f68aedb79b42e0d9297e9_426a737e7e" tabindex="-1" value=""></div>
</form>
</div>
</section>
<!-- Popup-ul pentru mesaje -->
<div id="popup" class="popup popup-message">
<span class="popuptext" id="popup-message">Acesta este un mesaj în pop-up.</span>
</div>
<!--==========================
Footer
============================-->
<footer id="footer">
<div class="footer-top">
<div class="container">
<div class="row justify-content-between">
<div class="col-lg-3 col-md-6 footer-info">
<p>"Xtra Media Music cu o experiență de peste 15 ani, este prezent ca și label din anul 2020 pe piața muzicală, studio specializat pe înregistrări, editare și mixare audio, producție muzicală și compoziție.Echipamentele de înaltă calitate regăsite în studio au scopul de a garanta rezultatele ce pot fi obținute doar in studiourile de top.<br> - Management artistic;<br> - Consulanță cu privire la tot ceea ce înseamnă drumul unui artist începător și nu numai.<br> - Servicii audio, video, foto;<br> - Înregistrare voci;<br> - Producție video;<br> - Mix & Master;<br> - Producție instrumentală;"</p>
</div>
<div class="col-lg-3 col-md-6 footer-contact">
<h4>Contacteaza-ne</h4>
<p>
Bulevardul 1 Decembrie 1918 3 <br>
București 032452<br>
Romania <br>
<strong>Phone:</strong> +40 743 619 141<br>
<strong>Email:</strong> xtramusicmedia@gmail.com<br>
</p>
<div class="social-links">
<a href="https://instagram.com/xtra.music.media" class="instagram"><i class="fa fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="copyright">
© Copyright <strong>Xtra Music Media</strong>. All Rights Reserved
</div>
<div class="credits">
Designed by <a href="https://instagram.com/horiastanxd/">HoriaMC</a>
</div>
</div>
</footer><!-- #footer -->
<a href="#" class="back-to-top"><i class="fa fa-angle-up"></i></a>
<!-- JavaScript Libraries -->
<script src="lib/jquery/jquery.min.js"></script>
<script src="lib/jquery/jquery-migrate.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/superfish/hoverIntent.js"></script>
<script src="lib/superfish/superfish.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/venobox/venobox.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<!-- Contact Form JavaScript File -->
<script src="contactform/contactform.js"></script>
<script src="popup.js"></script>
<!-- Template Main Javascript File -->
<script src="js/main.js"></script>
<div id="cookies">
<p>Acest site utilizează cookie-uri pentru a vă oferi cea mai bună experiență de utilizare.</p>
<div class="buttons">
<button id="accept-cookies">Acceptă cookie-uri</button>
<button id="reject-cookies">Refuză cookie-uri</button>
</div>
</div>
</body>
</html>