about.php

<?php 
	include 'header.php';
 ?>


<div class="container" style="padding-bottom: 50px;">
	<h2 style=" width: 100%; border-bottom: 4px solid #ff8680"><b>Tentang Kami</b></h2>
</div>
<!-- TAMPILAN GAMBARNYA-->
<style>
	.body-container {
		text-align: center;
		margin-bottom: 70px;
	}

	h1 {
		margin-bottom: 25px;
		font-size: 35px;
		text-align: center;
	}

	.text-container {
		margin-bottom: 25px;
		font-size: 20px;
		text-align: center;
	}
	
	.text2-container {
		color: grey;
		margin-bottom: 60px;
		font-size: 18px;
		text-align: center;
	}

	
	.hero-image {
		position: relative;
		text-align: center;
		color: white;
		max-width: 80%;
		margin: auto;
	}

	.hero-image img {
		width: 100%;
		height: auto;
		max-width: 1000px;
		border-radius: 15px;
	}

	.hero-text {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: white;
		font-size: 24px;
		background-color: rgba(0, 0, 0, 0.5);
		padding: 10px;
		border-radius: 5px;
		width: 50%;
	}
</style>

<div class="hero-image">
    <img src="image/home/tokojam.jpg" style="width: 100%; height: auto;">
    <div class="hero-text">
        <h1><I>"LIHAT JAM!<br>JANGAN LIHAT MANTAN!"</I></h1>
        <p>Temukan lebih lanjut tentang Zovywatch</p>
    </div>
</div>

<h1>ZOVYWATCH.COM</h1>

<div class="text-container">
	<p><b>zovywatch.com adalah website toko jam yang dikembangkan untuk memenuhi kebutuhan pasar akan akses</b></p>
	<p><b>mudah terhadap produk jam tangan yang berkualitas.</b></p>
</div>

<div class="text2-container">
	<p>Jam tangan bukan hanya sekadar alat penunjuk waktu, tetapi juga telah menjadi bagian dari gaya hidup dan fashion statement.</p> 
	<p>Melihat peluang ini, kami memutuskan untuk mengembangkan sebuah website toko jam tangan yang bernama Zovy. Website ini bertujuan untuk</p>
	<p>menyediakan platform yang user-friendly dan informatif bagi para pelanggan yang mencari jam tangan berkualitas dengan model dan merek yang berkualitas.</p>
</div>

<?php 
	include 'footer.php';
?>