-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathtest.html
76 lines (70 loc) · 3.9 KB
/
test.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" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Fira+Sans:900i,700|Martel:400,700" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Merriweather:900i|Amiko:400|Montserrat:600|Lora:400" rel="stylesheet" />
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-6jHF7Z3XI3fF4XZixAuSu0gGKrXwoX/w3uFPxC56OtjChio7wtTGJWRW53Nhx6Ev" crossorigin="anonymous">
<link href="./public/css/normalize.css" rel="stylesheet">
<link href="./public/css/main.css" rel="stylesheet">
</head>
<body>
<nav class="fixed bg-blue text-white">
<!-- <div id="read-progress"></div> -->
<div class="container">
<div class="row">
<div class="col flex-lc brand text-shadow display">
<a href="#">IOS Haven</a>
</div>
<div class="col flex-cc show-gt-tablet-portrait">
<a href="#" class="text-shadow">Apps</a>
<a href="#" class="text-shadow">Games</a>
<a href="#" class="text-shadow">Updates</a>
<a href="#" class="text-shadow">More</a>
</div>
<div class="col flex-rc">
<a href="#"><i class="fab fa-discord"></i></a>
<a href="#"><i class="fab fa-reddit"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<label for="navcheck" class="show-lt-tablet-landscape"><i class="far fa-bars fa-large"></i></label>
</div>
</div>
</div>
<input type="checkbox" id="navcheck">
<div class="dropnav">
<a href="#" class="text-shadow">Apps</a>
<a href="#" class="text-shadow">Games</a>
<a href="#" class="text-shadow">Updates</a>
<a href="#" class="text-shadow">More</a>
</div>
</nav>
<section class="bg-blue">
<div class="container device-wrapper show-gt-tablet-portrait">
<img src="./public/SVG/devices.png" class="device-img" alt="">
</div>
<div class="container text-white">
<h1 class="col-tablet-portrait-7 text-shadow">An IOS Modding Hub</h1>
<p class="col-tablet-portrait-7 mb-5">Our goal is to introduce people to the sideload and jailbreak IOS communities. We offer tools to get started, links you should visit, and hundreds of popular apps ready for download.</p>
<button class="btn btn-red">Download</button>
<button class="btn btn-white text-dark">Launch</button>
</div>
<canvas id="waves" class="bg-blue"></canvas>
</section>
<section>
<div class="container">
<h2 class="text-shadow">About IOS Haven</h2>
<p>IOS Haven started in 2017 by two college students that saw a problem not being addressed in the IOS community. Lack of knowledge made it challenge for average users to modify their phones. However, over the years knowledge has improved and we want to share that information with you. </p>
<p>Our goal is to make it easy to access tools/apps not available to stock iPhones. We want to make the information publically available to everyone that wants to use their iPhone to the fullest. </p>
<p>We are not the same as other websites in the community. We do not require you to download anything or make accounts. Everyhting is available on any platform. We designed this website with the you in mind.</p>
</div>
</section>
<script
src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha256-3edrmyuQ0w65f8gfBsqowzjJe2iM6n0nKciPUp8y+7E="
crossorigin="anonymous"></script>
<script src="./resources/assets/js/waves.js"></script>
<script src="./resources/assets/js/main.js"></script>
</body>
</html>