A webpage with multiple sliding images of houses.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

35 lines
1.5 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
<link rel="stylesheet" type="text/css" href="jquery.bxslider.css">
<script src="jquery-3.5.1.js"></script>
<script src="jquery-3.5.1.min.js"></script>
<script src="jquery.bxslider.js"></script>
<script src="myScript1.js"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=<device-width>, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="slick/slick.min.js"></script>
<div id="black">BLUE</div>
<div id="white">CUBE</div>
<div id="CG">Casa Grande</div>
<div id="myProgress">
<div id="myBar"></div>
</div>
<a href="#" class="previous round">&#8249;</a>
<a href="#" class="next round">&#8250;</a>
<div id="slider">
<div class="item"><img src="../Project/buildings/buildings/1.png" alt="building"></div>
<div class="item"><img src="../Project/buildings/buildings/2.png" alt="building"></div>
<div class="item"><img src="../Project/buildings/buildings/3.png" alt="building"></div>
<div class="item"><img src="../Project/buildings/buildings/4.png" alt="building"></div>
<div class="item"><img src="../Project/buildings/buildings/5.png" alt="building"></div>
</div>
</body>
</html>