-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
37 lines (36 loc) · 1.45 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Gallery</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<main>
<ul class="slider"></ul>
<!--
this is how the elememt look like when js is loaded
<li
class="item"
style="background-image: url('abc.png')"
>
<div class="content">
<h2 class="title">You are Magical</h2>
<p class="description">
I was thinking about you today and couldn't help but smile. Your presence has a way of making everything better.
</p>
<button>Read More</button>
</div>
</li> -->
<nav class="nav">
<ion-icon class="btn prev" name="arrow-back-outline"></ion-icon>
<ion-icon class="btn next" name="arrow-forward-outline"></ion-icon>
</nav>
</main>
<script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
<!-- partial -->
<script src="script.js"></script>
</body>
</html>