-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
125 lines (110 loc) · 4.23 KB
/
index.html
File metadata and controls
125 lines (110 loc) · 4.23 KB
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
115
116
117
118
119
120
121
122
123
124
125
<!DOCTYPE html>
<html>
<head>
<title>Reddit Post Adviser</title>
<link rel="stylesheet" href="./CSS/index.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<script defer="defer" src="./components/Dropdown/Dropdown.js"></script>
<script defer="defer" src="./Tabs/Tabs.js"></script>
<script defer="defer" src="./carousel/carousel.js"></script>
<script defer="defer" src="./button/button.js"></script>
<img src="images/stars.jpg" class="stars">
<div class="header-container">
<div class="dropdown">
<div class="dropdown-button">Options</div>
<div class="dropdown-content dropdown-hidden">
<a class="dropdown-link" href="./about/about.html" target="_blank">About</a>
<a class="dropdown-link" href="#" target="_blank">Pricing</a>
</div>
</div>
<img src="./images/reddit.png" class="header"/>
<div class="button">
<div class="login-button" onclick="visitPage();">Login</div>
</div>
</div>
<div class="section">
<div class="box">
<div class="box-title">How it works</div>
<div class="box-description">This application works by reading the title of your post as well as the post itself and scans various subreddits to find the best ones for your post. Once it find the post it will direct you to that subreddit and give you the option of posting there or not</div>
</div>
<div class="box">
<div class="box-title">Who this benefits</div>
<div class="box-description">This benefits people who are experienced in reddit as well as new people. This will save you a lot of time overall</div>
</div>
</div>
<div class="slideshow-container">
<!-- Full-width images with number and caption text -->
<div class="mySlides fade">
<div class="numbertext">1 / 3</div>
<img src="images/mu.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<div class="numbertext">2 / 3</div>
<img src="images/planet.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<div class="numbertext">3 / 3</div>
<img src="images/reddit-logo.png" style="width:100%">
</div>
<!-- Next and previous buttons -->
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</div>
<br>
<!-- The dots/circles -->
<div style="text-align:center">
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
</div>
<div class="section">
<div class="tabs">
<div class="tabs-links">
<div class="tabs-link tabs-link-selected" data-tab="1">Step 1</div>
<div class="tabs-link" data-tab="2">Step 2</div>
<div class="tabs-link" data-tab="3">Step 3</div>
<div class="tabs-link" data-tab="4">Step 4</div>
</div>
<div class="tabs-items">
<div class="tabs-item tabs-item-selected" data-tab="1">
<div class="tabs-item-title">Login</div>
<div class="tabs-item-description">
<img src="./images/login.png">
</div>
</div>
<div class="tabs-item" data-tab="2">
<div class="tabs-item-title">Wrtie your Post</div>
<div class="tabs-item-description">
<strong>Title:</strong>Best Laptop for Lambda<br>
<strong>Description:</strong>Hello everyone I was wondering what the best laptop for lambda would be. My budget is $1000 thanks!
</div>
</div>
<div class="tabs-item" data-tab="3">
<div class="tabs-item-title">The App will then Give you Some Results</div>
<div class="tabs-item-description">
<img src="./images/laptops.png">
</div>
</div>
<div class="tabs-item" data-tab="4">
<div class="tabs-item-title">Choose What you Want</div>
<div class="tabs-item-description">
<img src="./images/choose.png">
</div>
</div>
</div>
</div>
</div>
</div>
<footer>
<div class="nav-bottom">
<nav>
<a href="./about/about.html" target="_blank">About</a>
<a href="#" target="_blank">Pricing</a>
<a href="http://post-here.netlify.com/" target="_blank">Login</a>
</nav>
</div>
</footer>
</body>
</html>