-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathslide.html
76 lines (67 loc) · 2.85 KB
/
slide.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="css/style.css">
<!-- Font -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<div class="container">
<div id="presentation-area">
<section class="presentation">
<!-- Slide 1 -->
<div class="slide show">
<div class="heading">
Foundation
</div>
<div class="content grid center">
<h3 class="title">
Basic Finance: <br> Economic Abuse
</h3>
</div>
</div>
<!-- Slide 2 -->
<div class="slide">
<div class="heading">
Foundation
</div>
<div class="content grid center">
<p>Domestic abuse isn't just physical violence, it can take many forms, including economic abuse. Abusers may restrict, exploit and sabotage their partner’s access to money and other resources, such as food, clothing, transportation and a place to live. This is economic abuse, and it is designed to limit someone’s freedom.
</p>
</div>
</div>
<!-- Add 5 more slides here -->
</section>
<div id="presentation-area">
<!-- <section class="slides"><-></section> -->
<section class="counter">
1 of 6
</section>
</div>
<div id="presentation-area">
<!-- <section class="slides"><-></section> -->
<!-- <section class="counter"><-></section> -->
<section class="navigation">
<button id="full-screen" class="btn-screen show">
<i class="fas fa-expand"></i>
</button>
<button id="small-screen" class="btn-screen">
<i class="fas fa-compress"></i>
</button>
<button id="left-btn" class="btn">
<i class="fas fa-solid fa-caret-left"></i>
</button>
<button id="right-btn" class="btn">
<i class="fa-solid fa-caret-right"></i>
</button>
</section>
</div>
</div>
</div>
<script src="js/index.js" type="text/javascript"></script>
</body>
</html>