Anda di halaman 1dari 3

jQuery adalah Library JavaScript yang akan mempercepat proses pembuatan

website. Keistimewaan dari jQuery adalah kesederhanaannya yang bisa digunakan


programmer pemula karena sintaksnya tidak terlalu rumit. Dengan jQuery kamu bisa
membuat berbagai macam efek dan animasi menarik pada website yang sedang
dikembangkan.

Bootstrap adalah framework HTML, CSS, dan JavaScript yang berfungsi untuk
mendesain website responsive dengan cepat dan mudah.

CSS adalah bahasa Cascading Style Sheet dan biasanya digunakan untuk
mengatur tampilan elemen yang tertulis dalam bahasa markup, seperti HTML.
CSS berfungsi untuk memisahkan konten dari tampilan visualnya di situs
<html>

<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">

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

<script src="assets/bootstrap5/js/bootstrap.bundle.min.js"></script>

<link rel="stylesheet" href ="assets/f onts/font-awesome/css/font-awesome.min.css">

<script src="assets/js/jquery.min.3.2.1.js"></script>

</head>

<body>

<div class="container">

<br><br>

<div class="alert alert-success">

<strong>Success!</strong> Gallery Foto

</div>

<div class="row">

<div class="col"><img src="images/1.jpg" class="rounded -circle" style="width:100%;"></div>

<div class="col"><img src="images/2.jpg" class="img-thumbnail" style="width:100%;"></div>

<div class="col"><img src="images/3.jpg" class="rounded" style="width:100%;"></div>

<div class="col"><img src="images/4.jpg" class="rounded -circle" style="width:100%;"></div>

</div>

<div class="panel panel-def ault">

<div class="panel-heading">

</div>

<div class="panel-body" style="text-align: center; color: grey; f ont-size: 12px;">


<hr color ="solid black" align="center"/>

copyright andros kelas XI ipa 2

</div>

</div>

</div>

</body>

</html>

Anda mungkin juga menyukai