<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="Styles/styles.css">
<link rel="stylesheet" href="Styles/lightboxStyles.css">
<link rel="icon" href="Photos/Pages/western_logo2.jpg">
<script defer src = "lightbox.js"></script>
<title>Vinyl</title>
</head>
<body class = "font-body bg-wwhite text-center m-0">
<section class = "result-top" style = "background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1.0), rgba(117, 19, 93, 0.1)), url(Photos/Pages/vinylBackground.jpg);">
<a href="index.html"><img src="Photos/Pages/western_logo.png" class = "h-16 w-auto absolute top-4 left-4" alt="Western Logo" ></a>
<div class = "w-11/12 md:w-10/12 lg:w-full font-semibold">
<h1 class = "text-4xl sm:text-5xl md:text-6xl lg:text-7xl">Vinyl and Leather</h1>
<h1 class = "pt-2 md:pt-4 text-base sm:text-lg md:text-xl lg:text-2xl">Check out our large selection of stock in Denver</h1>
</div>
</section>
<section class = "grid grid-cols-1 md:grid-cols-2 gap-4 justify-center py-16 w-10/12 sm:w-full mx-auto">
<div class = "pt-6">
<img src="Photos/Vinyl/vinyl2.jpg" class = "h-pic" alt="Vinyl">
</div>
<div class = "pt-6">
<img src="Photos/Vinyl/vinyl5.jpg" class = "h-pic" alt="Vinyl">
</div>
<div class = "pt-6">
<img src="Photos/Vinyl/vinyl4.jpg" class = "h-pic" alt="Vinyl">
</div>
<div class = "pt-6">
<img src="Photos/Vinyl/vinyl6.jpg" class = "h-pic" alt="Vinyl">
</div>
<div class = "pt-6">
<img src="Photos/Vinyl/vinyl8.jpg" class = "h-pic" alt="Vinyl">
</div>
<div class = "pt-6">
<img src="Photos/Vinyl/vinyl7.jpg" class = "h-pic" alt="Vinyl">
</div>
<div class = "pt-6">
<img src="Photos/Vinyl/cryptonLeather.jpg" class = "h-pic" alt="Vinyl">
</div>
<div class = "pt-6">
<img src="Photos/Vinyl/vinyl11.jpg" class = "h-pic" alt="Vinyl">
</div>
<div class = "pt-6">
<img src="Photos/Vinyl/vinyl10.jpg" class = "h-pic" alt="Vinyl">
</div>
<div class = "pt-6">
<img src="Photos/Vinyl/vinyl9.jpg" class = "h-pic" alt="Vinyl">
</div>
<div class = "pt-6">
<img src="Photos/Vinyl/vinyl3.jpg" class = "w-full h-auto sm:w-auto sm:h-96 h-pic" alt="Vinyl">
</div>
</section>
</body>
</html>