Vous êtes sur la page 1sur 4

<!

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>Mjum Nigeria: Online Shopping Store</title>

<link rel="stylesheet" href="css/bootstrap.min.css">


<link rel="stylesheet" href="fontawesome/css/all.css">
<link rel="stylesheet" href="owlcarousel/dist/assets/owl.carousel.min.css">
<link rel="stylesheet"
href="owlcarousel/dist/assets/owl.theme.default.min.css">
<link rel="stylesheet" href="salert/sweetalert2.css">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<!-- <div class="d-flex p-2 flex-row justify-content-between">
<ul class="d-flex p-2 flex-row justify-content-md-between">
<li><i class="fa fa-phone mr-1" aria-
hidden="true"></i><span>(+234) 908 291 2054</span></li>
<li><i class="fa fa-envelope mr-1" aria-
hidden="true"></i><span>oadirac.dev@gmail.com</span></li>
</ul>
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="search"
placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0"
type="submit">Search</button>
</form>
<div>
<p id="time"></p>
<p id="getTime"></p>
</div> -->
<!-- <div class="top-menu-bar">
<ul>
<li><i class="fa fa-phone mr-1" aria-hidden="true"></i><span>(+234)
908 291 2054</span></li>
<li><i class="fa fa-envelope mr-1" aria-
hidden="true"></i><span>oadirac.dev@gmail.com</span></li>
</ul>
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="search"
placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0"
type="submit">Search</button>
</form>
<div>
<p id="time"></p>
<p id="getTime"></p>
</div>

</div>
<div class="top-menu-bar-2">

</div> -->
<!-- </div> -->
<div class="d-flex flex-md-row flex-sm-column align-items-md-center align-
items-sm-start bd-highlight mb-3">
<div class="mr-auto p-2 bd-highlight"><i class="fa fa-phone mr-1" aria-
hidden="true"></i><span>(+234) 908 291 2054</span></div>
<div class="mr-auto p-2 bd-highlight"><i class="fa fa-envelope mr-1"
aria-hidden="true"></i><span>oadirac.dev@gmail.com</span></div>
<div class="p-2 bd-highlight"><p id="time"></p></div>
<div class="p-2 bd-highlight"><p id="getTime"></p></div>
</div>
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top p-3
shadow-lg p-3 mb-1 bg-white rounded" id="my-nav">
<a class="navbar-brand" href="#"><img
src="images/logo.f7a4892a.svg" alt=""></a>
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-
expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">


<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-
only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#"
id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-
expanded="false">
Products
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Electronics</a>
<a class="dropdown-item" href="#">Computers</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#" tabindex="-1" aria-
disabled="true">Disabled</a>
</li>
</ul>
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="search"
placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0"
type="submit">Search</button>
</form>
</div>
</nav>
<div class="container-fluid">

<div class="row">
<div class="col-12" id="top-header-advert">

</div>
<div class="col-12" id="top-header-advert-2">

</div>
<!--TO BE IMPLEMENTED LATER-->
</div>
<div class="row">
<div class="col-md-12">
<img src="images/logo.f7a4892a.svg" alt="">
<form>
<div class="form-group">
<input type="search" class="form-control" id="search" aria-
describedby="searchHelp" placeholder="search products, brands and categories">
</div>
</form>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="owl-carousel owl-theme" id="carousel_1">
<img src="images/1.jpg" alt="1">
<img src="images/2.jpg" alt="2">
<img src="images/7.jpg" alt="2">

<img src="images/5.jpg" alt="2">


<img src="images/6.jpg" alt="2">
</div>
</div>
</div>
<div class="row" id="jumia-global">
<div class="col-md-3">
<img src="images/JumiaGlobal.png" alt="">
<p><a href="">Jumia Global</a></p>
</div>
<div class="col-md-3">
<img src="images/JumiaPrime_2.png" alt="">
<p><a href="">Jumia Prime</a></p>
</div>

<div class="col-md-3">
<img src="images/JumiaOne_2.png" alt="">
<p><a href="">Airtime and Bill</a></p>
</div>
<div class="col-md-3">
<img src="images/JumiaOne_1.png" alt="">
<p><a href="">Get the App</a></p>
</div>

<div class="col-12">
<h6>Items</h6>
<p>Top Selling items</p><hr>
</div>
</div>

<div class="row" >


<div class="col-md-12">
<div id="jumia-global1" class="owl-carousel owl-theme">
<div>
<a href=""><img src="images/1-1.jpg" alt="1"></a>
<p>Intel Core i7 7th generation specs snapdragon glass</p>
<p>#36,500</p>
</div>
<div>
<a href=""><img src="images/1-3.jpg" alt="1"></a>
<p>Intel Core i7 7th generation specs snapdragon glass</p>
<p>#16,700</p>
</div>

<div>
<a href=""><img src="images/1-4.jpg" alt="1"></a>
<p>Intel Core i7 7th generation specs snapdragon glass</p>
<p>#236,500</p>
</div>
<div>
<a href=""><img src="images/1-5.jpg" alt="1"></a>
<p>Intel Core i7 7th generation specs snapdragon glass</p>
<p>#636,500</p>
</div>
</div>
</div>

</div>
</div>

<script src="js/jquery.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="owlcarousel/dist/owl.carousel.min.js"></script>
<script src="salert/sweetalert2.js"></script>
<script src="js/main.js"></script>

<script>
const currentDate = document.getElementById('getTime');
const newTime = document.getElementById('time');

window.addEventListener('load',getCurentDate,false);

function getCurentDate(){
let time = new Date().toLocaleTimeString();
let today = (new Date()).toString().split(' ').splice(1,3).join(' ');
currentDate.innerHTML = today;
newTime.innerHTML = time;
}

let time = new Date().toLocaleTimeString();


console.log(time);
</script>

</body>
</html>

Vous aimerez peut-être aussi