-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
152 lines (142 loc) · 6.5 KB
/
about.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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
content="Masakin merupakan website penyedia resep makanan, dimana orang-orang dapat berbagi resep sesuka mereka">
<meta name="keywords" content="resep, resep makanan, resep traditional, resep nusantara, desert, kue">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Masakin</title>
<!-- bootstrap -->
<link rel="stylesheet" href="frontend/libraries/boostrap/css/bootstrap.min.css">
<!-- style Custom -->
<link rel="stylesheet" href="frontend/styles/main.css">
<!-- Google Font -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
<!-- link icon -->
<link rel="shortcut icon" href="frontend/images/icon/Multicolor.svg" type="image/x-icon">
<!-- font awesome -->
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">
</head>
<body>
<!-- navbar -->
<nav class="navbar navbar-expand-lg navbar-light bg-white fixed-top">
<div class="container">
<a class="navbar-brand font-weight-bold" href="#">
<img src="frontend/images/icon/logo.svg" alt="" class="mr-2">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main_nav"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="main_nav">
<ul class="navbar-nav ml-auto mr-0">
<li class="nav-item mr-3 active"> <a class="nav-link" href="index.html">Home </a> </li>
<li class="nav-item mr-3"><a class="nav-link" href="about.html"> About </a></li>
<li class="nav-item mr-3"><a class="nav-link" href="faq.html"> FAQ </a></li>
</ul>
<!-- Search -->
<form class="form-inline">
<div class="md-form my-0 ">
<input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
</div>
<button class="btn btn-outline-primary btn-md my-2 my-sm-0 ml-3" type="submit">Search</button>
</form>
<!-- Akhir Search -->
<!-- Button Login -->
<form class="form-inline d-sm-block d-md-none">
<button class="btn btn-primary my-2 my-sm-0">
Login
</button>
</form>
<!-- Desktop Button -->
<form class="form-inline my-2 my-lg-0 d-none d-md-block">
<button class="btn btn-primary btn-md my-2 my-sm-0 ml-3">
Login
</button>
</form>
<!-- Akhir Button Login -->
</div> <!-- navbar-collapse.// -->
</div>
</nav>
<!-- akhir navbar -->
<!-- header -->
<header class="title">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-md-4">
<h1 class="text-center">About Us</h1>
</div>
</div>
<div class="row justify-content-center">
<div class="col-12 col-md-4 p-2">
<p class="text-center">
<img src="frontend/images/icon/logo.svg" class="mx-auto" alt="">
</p>
</div>
</div>
</div>
</header>
<!-- akhir header -->
<!-- Deskription -->
<section class="description">
<div class="container">
<div class="row mb-5">
<div class="col-12">
<p class="text-justify" style="text-indent: 50px;">ResepKita merupakan website yang menyediakan resep dimana semua orang dapat membagikan resep makanan yang mereka bikin supaya orang lain dapat menikmati makanan yang mereka buat. serta membagikan momen makan bersama keluarga menjadi memuaskan karena dengan resep yang sesuai membuat makanan terasa lezat.
</p>
</div>
</div>
</div>
</section>
<!-- akhir description -->
<!-- Contact -->
<section class="section-contact">
<div class="container">
<div class="row justify-content-center mb-2">
<div class="col-12 col-md-4 ">
<p style="font-size: 32px;" class="text-center">
Contact Me
</p>
</div>
</div>
<div class="row mb-5">
<div class="col">
<p class="font-weight-bold">Phone</p>
<p>081240777545</p>
<p class="font-weight-bold">Email</p>
<p>travelkuyadmin@travelkuy.com</p>
<p class="font-weight-bold">Alamat</p>
<p>Koja - Jakarta Utara</p>
</div>
<div class="col-12 col-md">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d31736.609313219724!2d106.88872490768436!3d-6.120450595323133!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e6a1ff0d497530b%3A0xe8c38931491aa5c5!2sKec.%20Koja%2C%20Kota%20Jkt%20Utara%2C%20Daerah%20Khusus%20Ibukota%20Jakarta!5e0!3m2!1sid!2sid!4v1616345105630!5m2!1sid!2sid" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</div>
</div>
</section>
<!-- akhir Contact -->
<!-- footer -->
<footer>
<div class="container-fluid">
<div class="row border-top justify-content-center align-items-center p-4">
<div class="col-auto text-gray-500 font-weight-light">
2020 Copyright Masakin • All rights reserved • Made in Jakarta
</div>
</div>
</div>
</footer>
<!-- akhir footer -->
<!-- script -->
<script src="frontend/libraries/jquery/jquery-3.5.1.min.js"></script>
<!-- custom script -->
<script src="frontend/scritpt/main.js"></script>
<!-- bootstrap script -->
<script src="frontend/libraries/boostrap/js/bootstrap.min.js"></script>
<!-- script font awesome -->
<script src="https://kit.fontawesome.com/d9ca13cb73.js" crossorigin="anonymous"></script>
</body>
</html>