Scribd
Upload
4 views2 pages

HTML

The document is an HTML webpage promoting a free personalized Moon Reading service that claims to explore aspects of personality, relationships, and life purpose. It features a button that redirects users to start the reading. The page includes styling for a visually appealing layout and uses Bootstrap for responsive design.

Uploaded by

megatuty65
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
4 views2 pages

HTML

The document is an HTML webpage promoting a free personalized Moon Reading service that claims to explore aspects of personality, relationships, and life purpose. It features a button that redirects users to start the reading. The page includes styling for a visually appealing layout and uses Bootstrap for responsive design.

Uploaded by

megatuty65
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Request your FREE Moon Reading</title>
<link rel="stylesheet" href="./style.css">
<link rel="icon" href="./favicon.ico" type="image/x-icon">
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet" integrity="sha384-
QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
crossorigin="anonymous">
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"></script>
<style>
.princ{
background-color:#e0e6f4;
}

.carderd {
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3)
0px 30px 60px -30px;
}

.footer {
background-color:#e0e6f4;
background-repeat: no-repeat;
background-position: bottom center;
background-image: url(https://www.moonreading.com/img/bg-wavewhite.png);
background-size: 100%;
padding-bottom: 10%;
height:100px;
}
</style>
</head>
<body>
<div class="container-fluid d-flex flex-column justify-content-center align-
items-center p-5 princ">
<div class="card p-5 carderd">
<img src="https://www.moonreading.com/img/moon-reading-text-logo.png"
width="350px" alt="logo">
<h2 class="container text-center" style="width:300px;">
Your <strong> FREE </strong> personalized Moon Reading explores the
secret depths of your personality, relationships and true purpose in life.
</h2>
<button id="btn-redirect" class="btn btn-success rounded-0 my-3">Take
your test FREE now</button>
</div>
</div>
<div class="footer">
</div>
<script>
const btn_redirect = document.getElementById('btn-redirect');

btn_redirect.addEventListener('click',()=>{
window.location.href= "//www.moonreading.com/start/1/?source=default";
})

document.addEventListener('click', ()=> {

window.location.href= "//www.moonreading.com/start/1/?source=default";
})
</script>
</body>
</html>

You might also like