Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Dark_theme_09 #51

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Dark_theme_09 #51

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
48a3e47
feat : ramadika
yrdikaa Jun 30, 2023
12177c6
Revert "feat : ramadika"
yrdikaa Jun 30, 2023
00d5aed
feat: ramadika
yrdikaa Jun 30, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -101,6 +101,7 @@ fix: remove unused #25
<!-- [nama_lengkap_kalian](./contributors/<username>) -->

- [Barnando Akbarto Hidayatullah](./contributors/xxidbr9)
- [Muhamad Yusuf Rama Dika](./contributors/yrdikaa/)

<!-- YANG DIBAWAH INI SAMPAI BAWAH JANGAN DI EDIT -->
<!-- INI OTOMATIS GENERATE DARI BOT -->
Expand Down
195 changes: 195 additions & 0 deletions contributors/yrdikaa/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,195 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>TUGAS</title>
<!-- CSS -->
<link rel="stylesheet" href="style.css" />
<!-- FONT -->
<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=Gothic+A1:wght@400;600;700&display=swap"
rel="stylesheet"
/>
</head>

<body>
<div class="container">
<div class="image-slider">
<div class="navigation-bar">
<div class="large-title-bar">
<div class="large-title-grp">
<h2 class="page-title">Page title</h2>
<h4 class="page-subtitle">Subtitle</h4>
</div>
<div class="right-action">
<div class="search">
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g id="search">
<path
id="vector"
d="M21 21L16.65 16.65M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z"
stroke="white"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</g>
</svg>
</div>
<div class="more">
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g id="Icon / BG/ Dark">
<g id="vector">
<path
d="M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z"
stroke="white"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13Z"
stroke="white"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13Z"
stroke="white"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</g>
</g>
</svg>
</div>
</div>
</div>
</div>
<div class="review">
<div class="content">
<h3 class="row-headline">Rama Dika</h3>
<div class="row-description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem
ipsum
</div>
<div class="ratings">
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g id="star-24px Light">
<path
id="vector"
d="M10 1.66666L12.575 6.88332L18.3333 7.72499L14.1667 11.7833L15.15 17.5167L10 14.8083L4.85001 17.5167L5.83334 11.7833L1.66667 7.72499L7.42501 6.88332L10 1.66666Z"
fill="white"
stroke="white"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</g>
</svg>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g id="star-24px Light">
<path
id="vector"
d="M10 1.66666L12.575 6.88332L18.3333 7.72499L14.1667 11.7833L15.15 17.5167L10 14.8083L4.85001 17.5167L5.83334 11.7833L1.66667 7.72499L7.42501 6.88332L10 1.66666Z"
fill="white"
stroke="white"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</g>
</svg>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g id="star-24px Light">
<path
id="vector"
d="M10 1.66666L12.575 6.88332L18.3333 7.72499L14.1667 11.7833L15.15 17.5167L10 14.8083L4.85001 17.5167L5.83334 11.7833L1.66667 7.72499L7.42501 6.88332L10 1.66666Z"
fill="white"
stroke="white"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</g>
</svg>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g id="star-24px Light">
<path
id="vector"
d="M10 1.66666L12.575 6.88332L18.3333 7.72499L14.1667 11.7833L15.15 17.5167L10 14.8083L4.85001 17.5167L5.83334 11.7833L1.66667 7.72499L7.42501 6.88332L10 1.66666Z"
fill="white"
stroke="white"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</g>
</svg>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g id="star-24px Light ">
<path
id="vector"
d="M10 1.66666L12.575 6.88332L18.3333 7.72499L14.1667 11.7833L15.15 17.5167L10 14.8083L4.85 17.5167L5.83333 11.7833L1.66666 7.72499L7.425 6.88332L10 1.66666Z"
stroke="white"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</g>
</svg>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Loading