-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
82 lines (67 loc) · 3.78 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!DOCTYPE html>
<html>
<head>
<title>Kucing Untuk Anda</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
<link rel="stylesheet" href="css/index.css" type="text/css">
<link rel="shortcut icon" type="image/x-icon" href="assets/logo.png"/>
<link href="https://fonts.googleapis.com/css?family=Homemade+Apple|Muli|Poppins" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
</head>
<body>
<nav class="nav-link">
<img src="assets/logo.png"/> <h1>KUA</h1>
<ul>
<li class="tengah"><a href="index.html">Home</a></li>
<li class="tengah"><a href="about.html">About Us</a></li>
<li class="tengah"><a href="jodoh.html">Cari Jodoh</a></li>
<li class="tengah"><a href="testimonial.html">Testimonial</a></li>
<li class="tengah"><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
<div class="content">
<div class="Jumbotron">
<h1>Kucing Untuk Anda</h1>
<p>Sayangi Kucingmu, Carikan jodoh untuknya</p>
<p class="btnwrp"><button type="button" action="jodoh.html">Are You Ready?</button></p>
</div>
<div class="video">
<video src="assets/tomjerry.mp4" height="480px" width="100%" autoplay loop muted></video>
</div>
<div class="benefit-container">
<div class="box">
<div class="icon"><img src="http://pngimg.com/uploads/cat/cat_PNG50509.png"></div>
<div class="content">
<h3>Easy</h3>
<p>Easy to find!</p>
</div>
</div>
<div class="box">
<div class="icon">
<img src="http://pngimg.com/uploads/cat/cat_PNG50533.png" >
</div>
<div class="content">
<h3>Modern</h3>
<p>A new way to find your cat a partner</p>
</div>
</div>
<div class="box">
<div class="icon"><img src="https://www.petinsurancereview.com/sites/default/files/inline-images/Owners%20Area%20Cut%20Outs%20-%20Cat.png">
</div>
<div class="content">
<h3>Exciting</h3>
<p>Very exciting!</p>
</div>
</div>
</div>
<footer id="puter">
<div class="foot">
<a href="https:www.twitter.com" target:"_blank"><i class="fab fa-twitter"></a></i>
<a href="https:www.facebook.com" target:"_blank"><i class="fab fa-facebook-square"></a></i>
<a href="https:www.instagram.com" target:"_blank"><i class="fab fa-instagram"></a></i>
<a href="https:www.linkedin.com" target:"_blank"><i class="fab fa-linkedin"></a></i>
<h4>© 2019 PT. KUA. All Rights Reserved</h4>
</div>
</footer>
</body>
</html>