-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
114 lines (112 loc) · 3.9 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>World Culinary Collection</title>
<link rel="stylesheet" href="reset.css" />
<link rel="stylesheet" href="style.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap"
rel="stylesheet"
/>
</head>
<body>
<!-- HEADER SECTION -->
<header class="header container">
<h1>World Culinary Collection</h1>
<div class="profile">
<img
src="https://media.licdn.com/dms/image/C5603AQGE9EKTDOhiqw/profile-displayphoto-shrink_200_200/0/1643375175481?e=1689811200&v=beta&t=fpbrmk0khbWQ53Fc7uIHIkVehzbD8cWdkQS1U87DQ3s"
alt="Profile photo"
class="profile__image"
/>
<img src="./assets/icon/pencil-svgrepo-com.svg" class="profile__icon" />
<p class="profile__desc">By <a href="#">Pratama Agung Sumirat</a></p>
</div>
</header>
<!-- INDONESIA SECTION -->
<section class="culinary container">
<h2 class="culinary__title">Indonesia</h2>
<div class="culinary__cards culinaries">
<div class="culinaries__item">
<img
src="https://cdn-2.tstatic.net/jambi/foto/bank/images/resep-pempek-tanpa-ikan.jpg"
alt="Pempek"
class="culinaries__image"
/>
<h3 class="culinaries__name">Pempek</h3>
<p class="culinaries__rate">★ 5.0</p>
<p class="culinaries__desc">
Pempek, or mpek-mpek and also known as colloquially as empek-empek
is a savoury Indonesian fishcake delicacy, made of fish and tapioca,
from Palembang, South Sumatera, Indonesia. Pempek is served with
rich sweet and sour sauce called kuah cuka or kuah cuko, or just
"cuko".
</p>
<p class="culinaries__link">
<a
href="https://en.wikipedia.org/wiki/Pempek"
target="_blank"
rel="noreferrer noopener"
>Read more</a
>
</p>
</div>
<div class="culinaries__item">
<img
src="https://cdn-2.tstatic.net/jambi/foto/bank/images/resep-pempek-tanpa-ikan.jpg"
alt="Pempek"
class="culinaries__image"
/>
<h3 class="culinaries__name">Pempek</h3>
<p class="culinaries__rate">★ 5.0</p>
<p class="culinaries__desc">
Pempek, or mpek-mpek and also known as colloquially as empek-empek
is a savoury Indonesian fishcake delicacy, made of fish and tapioca,
from Palembang, South Sumatera, Indonesia. Pempek is served with
rich sweet and sour sauce called kuah cuka or kuah cuko, or just
"cuko".
</p>
<p class="culinaries__link">
<a
href="https://en.wikipedia.org/wiki/Pempek"
target="_blank"
rel="noreferrer noopener"
>Read more</a
>
</p>
</div>
<div class="culinaries__item">
<img
src="https://cdn-2.tstatic.net/jambi/foto/bank/images/resep-pempek-tanpa-ikan.jpg"
alt="Pempek"
class="culinaries__image"
/>
<h3 class="culinaries__name">Pempek</h3>
<p class="culinaries__rate">★ 5.0</p>
<p class="culinaries__desc">
Pempek, or mpek-mpek and also known as colloquially as empek-empek
is a savoury Indonesian fishcake delicacy, made of fish and tapioca,
from Palembang, South Sumatera, Indonesia. Pempek is served with
rich sweet and sour sauce called kuah cuka or kuah cuko, or just
"cuko".
</p>
<p class="culinaries__link">
<a
href="https://en.wikipedia.org/wiki/Pempek"
target="_blank"
rel="noreferrer noopener"
>Read more</a
>
</p>
</div>
</div>
</section>
</body>
</html>