MY site
MY site
<!DOCTYPE html><!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
<head>
<title>ChineduMario</title>
<link rel="stylesheet" href="mcss.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="png/image" href="logo_1.png">
<link href="mar.css" rel="stylesheet" media="only screen and (max-width:550px)">
<link href="mar.css" rel="stylesheet">
<script>
function alet(){
var a;
a ="add us on whatsapp +23481820026492";
alert(a);
}
</script>
</head>
<body>
<div id="background">
<div id="logo">
<center>
<b>
<i> WELCOME TO ChineduMario website <br>
<a href="index.html" style="float: left;"></a>
The best in building your dream homes
</i>
</b>
</center>
<div class="nav_one">
<div class="navbar">
<center>
<a href="index.html" title="our home page"> HOME |</a>
<a href="about_us.html" title="about_us">ABOUT_US |</a>
<a href="clients.html" title="Our Clients">OUR_CLIENTS |</a>
<a href="tel:081200264921">CALL US NOW</a></center>
</div>
</div>
</div>
<div id="main_body">
<div id="slider">
<figure>
<a href="3.jpg">
<img src="3.jpg" alt="" width="3" height="600" >
</a>
<a href="2_1.jpg"><img src="2_1.jpg" alt="" width="23" height="600">
</a>
<a href="2.jpg"><img src="2.jpg" alt="" width="23" height="600">
</a>
<a href="5.jpg">
<img src="5.jpg" alt="" width="23" height="600">
</a>
<a href="5.jpg">
<img src="5.jpg" alt="" width="23" height="600">
</a>
<a href="4.jpg">
<img src="4.jpg" alt="" width="23" height="600">
</a>
<a href="10.jpg">
<img src="10.jpg" alt="" width="23" height="600">
</a>
<a href="6.jpg">
<img src="6.jpg" alt="" width="23" height="600">
</a>
<a href="8.jpg">
<img src="8.jpg" alt="" width="600" height="600">
</a>
<a href="mario.jpg">
<img src="mario.jpg" alt="" width="600" height="600">
</a>
</figure>
</div>
<div class="nav_two">
<div class="navbartwo">
<center>
<a href="house.html" target="_blank" >#our_houses |</a>
<a href="clients.html" >#What_our_clients_said_about_us |</a>
</center>
</div>
</div>
</div>
<center>
<footer class="footer">
<div class="containter"><a href="#">
<img id="myBtn" src="mario.jpg" alt="Our Manger" style="float: left; margin-top: -0px;" width="340" height=270 title="The Manger"></a>
<a href="#"><img src="fb.png" alt="our facebook page" width="80" title="Contact us on Facebook"></a>
<a href="#"><img src="whatsapplogo.jpeg" alt="Contact us on whatsapp" width="80" title="Contact us on whatsapp" onclick="alet()"></a>
<a href="#"><img src="goggleplus.jpeg" alt="our Goggleplus page" width="80" title="Contact us on Goggleplus"></a>
<a href="#"><img src="instgram.jpeg" alt="our Instgram page" width="80" title="Contact us on Instagram"></a>
<a href="sms:+1293430923?body=i love you" ><img src="images_2_1.jpeg" alt="" width="80" title="Contact us on Facebook" height="80"></a>
<a href="#"><img src="twitter.jpeg" alt="our Twitter page" width="80" title="Tweet us on Twitter"></a>
</div>
</footer>
<b>
© ChineduMario 2016.
Designed by <a href="http://facebook.com/nduaguba.kc">Kcemma</a>
</b>
</center>
<!-- Trigger/Open The Modal -->
<!-- The Modal -->
<div id="myModal" class="modal">
<!-- Modal content --> <div class="modal-header">
<span class="close">×</span>
<center> <b style="font-size: 30px">Our manger pictures</b>
</center>
<div id="slid">
<figure>
<a href="1.jpg">
<img src="1.jpg" alt="" >
</a>
<a href="10.jpg"><img src="10.jpg" alt="" height="160">
</a><a href="2.jpg">
<img src="2.jpg" alt="" height="60" ></a>
<a href="2_1.jpg"><img src="2_1.jpg" alt="" height="160">
</a>
<a href="3.jpg">
<img src="3.jpg" alt="" height="60" >
</a>
<a href="4.jpg"><img src="4.jpg" alt="" height="160">
</a>
<a href="4_1.jpg">
<img src="4_1.jpg" alt="" >
</a>
<a href="5.jpg"><img src="5.jpg" alt="" height="160">
</a><a href="6.jpg">
<img src="6.jpg" alt="" height="60" ></a>
<a href="6_1.jpg"><img src="6_1.jpg" alt="" height="160">
</a>
<a href="8.jpg">
<img src="8.jpg" alt="" height="60" >
</a>
<a href="9.jpg"><img src="9.jpg" alt="" height="160">
</a><a href="mario.jpg">
<img src="mario.jpg" alt="" >
</a>
</figure>
</div>
<script>
// Get the modal
var modal = document.getElementById('myModal');
// Get the button that opens the modal
var btn = document.getElementById("myBtn");
// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];
// When the user clicks the button, open the modal
btn.onclick = function() {
modal.style.display = "block";
};
// When the user clicks on <span> (x), close the modal
span.onclick = function() {
modal.style.display = "none";
};
// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target === modal) {
modal.style.display = "none";
}
};
</script>
</div>
</div>
</div>
</body></html>
