Scrip Web Sederhana

<!
doctype html>
<html lang="en">
<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-
to-fit=no">


<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+
l" crossorigin="anonymous">
<link rel="stylesheet" href="style.css"./>
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css"/>
<script src="fontawesome/js/all.js"></script>
<title>T-shirt</title>
</head>
<body>


<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container">


<div class="logo">
<h3>T-Shirt</h3>
</div>

<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarNav"
aria-controls="navbarNav"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Beranda <span class="sr-
only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Tentang</a>
</li>
<a class="nav-link" href="#">Layanan</a>
</li>
<a class="nav-link" href="#">Produk</a>
</li>
<a class="nav-link" href="#">Jaringan</a>
</li>
</ul>
</div>
</nav>


<div
id="carouselExampleIndicators"
class="carousel slide"
data-ride="carousel"
>
<ol class="carousel-indicators">
<li
data-target="#carouselExampleIndicators"
data-slide-to="0"
class="active"
></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="img/c3.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption">
<h1 class="display-2">T-shirt</h1>
<h3>Hand Made With nice fabric</h3>
<button type="button" class="btn btn-outline-light btn-lg">
LIHAT PRODUK
</button>
<button class="btn btn-primary btn-lg">PESAN </button>
</div>
</div>
<div class="carousel-item">
</div>
<div class="carousel-item">
</div>
</div>
<a
class="carousel-control-prev"
href="#carouselExampleIndicators"
role="button"
data-slide="prev"
>
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a
class="carousel-control-next"
href="#carouselExampleIndicators"
role="button"
data-slide="next"
>
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>


<div class="container-fluid">
<div class="row jumbotron ">
<div class="col-sm-12 col-md-9 col-lg-9">
<p class="lead">
Temukan berbagai baju Di T-Shirt dengan model yang menarik dan harga
yang terjangkau
</p>
</div>
<div class="col-sm-12 col-md-3 col-lg-3">
<a href="#">
<button class="btn btn-outline-secondary btn-lg">
HUBUNGI KAMI
</button>
</a>
</div>
</div>
</div>

<div class="div container-fluid padding">
<div class="row welcome teks-center">
<div class="col-12">
<h1 class="display-4">Temukan Baju Favorit Anda Di T-Shirt</h1>
</div>
<hr class="my-4">
<p class="lead">
T-Shirt Adalah Perusahaan Yang Bergerak Di Bidang Penjualan Berbagai
Baju Menarik Yang Berkualitas Tinggi Dengan Harga Yang Terjangkau.
</p>
</div>
</div>
</div>

<div class="container-fluid padding">
<div class="row teks-center padding">
<div class="col-sm-6 col-md-4">
<i class="fast fa-search-dollar"></i>
<h3>Harga Terjangkau</h3>
<p>Kualitas Terbaik Dengan Harga Terjangkau</p>
</div>
<i class="fas fa-calender-check"></i>
<h3>Tepat Waktu</h3>
<p>Pengiriman Produk Tepat Waktu</p>
</div>
<i class="fas fa-shipping-fast"></i>
<h3>Pengiriman aman</h3>
<p>Proses Pengiriman Cepat Dan Aman</p>
</div>
</div>
</div>


<div class="row layanan padding">
<div class="col-md-6">
<h2>Layanan</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione
necessitatibus illo hic quaerat consectetur deserunt reiciendis temporibus
reprehenderit voluptatem magnam cupiditate dolores nobis, non ex sunt incidunt at
deleniti dicta?</p>
<p>Morbi iaculis, ipsum sit amet volutpat varius sapien elit molestie
est, a ultrices nulla augue at risus.</p>
<br>
<a href="http://" class="btn btn-primary">selengkapnya</a>
</div>
<div class="cool-md-6">
<img src="img/layanan.jpg" alt="" class="img-fluid">
</div>
</div>
</div>


<div class="row padding">
<div class="card">
<img src="img/c4.jpg" class="card-img-top" alt="...">
<div class="card-booy">
<h5 class="card-title">Baju Kaos</h5>
<p class="card-text"> baju kaos dengan bahan yang bagus dang
nyaman saat dipakai</p>
<a href="#" class="btn btn-outline-secondary">PESAN</a>
</div>
</div>
</div>
<div class="card">
<div class="card--body">
<h5 class="card-text">Baju Bola</h5>
<p class="card-text">Baju bola dengan bahan yang lembut dan bahan
sangat adem saat dipakai</p>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<h5 class="card-title">Baju Kameja</h5>
<p class="card-text">Baju kameja dengan bahan yang nyaman dan
kualitas yang bagus<.</p>
</div>
</div>
</div>


<div class="card">
<h5 class="card-title">Sweater/h5>
<p class="card-text">sweater dengan bahan woll yang bagus dan
nyaman saat dipakai</p>
</div>
</div>
</div>
<div class="card">
<h5 class="card-title">Baju Batik</h5>
<p class="card-text">Baju batik dengan bahan yang bagus saat
dipakai</p>
</div>
</div>
</div>
<div class="card">
<h5 class="card-title">Baju Bali</h5>
<p class="card-text">Baju bali dengan bahan yang nyaman dan
kualitas yang bagus</p>
</div>
</div>
</div>
</div>
</div>


<div class="container-fluid-padding">
<div class="rol-md-6">
<h2>Filosofi Kami</h2>
<p>vitae vulputate mauris posuere at, sed sem ligula, faugiat sit amet
congue in,facilisis.</p>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit.</p>
</div>
<img src="img/Logo.png" class="img-fluid" alt="">
</div>
</div>
</div>


<div class="row text-center padding">
<h2>Media Sosial</h2>
</div>
<div class="col-12 Sosial Padding">
<a href="#"><i class="fab fa-facebook"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-google"></i></a>
<a href="https://www.instagram.com/rejiantojr_307"><i class="fab fa-
instagram"></i></a>
<a href="#"><i class="fab fa-youtube"></i></a>
</div>
</div>
</div>


<footer>
<div class="row text-center">
<hr class="light">
<h5>Kontak</h5>
<p>082146946236</p>
<P>rejiantob@gmail.com</P>
<P>Oesapa</P>
</div>
<hr class="light">
<h5>Waktu Pelayanan</h5>
<hr class="light">
<p>Senin - Jumat = 09.00 - 20.00</p>
<P>Sabtu = 10.00 - 20.00</P>
<P>Minggu = TUTUP</P>
</div>
<hr class="light">
<h5>Alamat</h5>
<hr class="light">
<P>Kupang,NTT</P>
<p>Kupang,NTT</p>
</div>
<hr class="light-2">
<h5>©T-Shirt</h5>
</div>
</div>
</div>
</footer>




<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkf
j" crossorigin="anonymous"></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js
" integrity="sha384-
Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns"
crossorigin="anonymous"></script>



</body>
</html>

Scrip Web Sederhana

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Scrip Web Sederhana

Uploaded by

Copyright:

Available Formats

<!

You might also like