-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
156 lines (146 loc) · 5.48 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
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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE HTML>
<html>
<head>
<title>Fuss</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1,
user-scalable=no" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="icon" type="image/png" href="images/icon.png" />
<script async defer src="https://buttons.github.io/buttons.js"></script>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<section class="intro">
<header>
<h1>Fuss</h1>
<p>The less fuzzy todo app by <a
href="https://instagram.com/strenuousnerd8" style="border: none;"
target="_blank">@strenuousnerd8</a><br /><a
href="https://www.illusiveadroits.ga/" target="_blank" style="display:
inline-block; border-left: solid 2px rgba(255, 255, 255, 0.3); border-bottom: dotted 1px white;" class="IA">Illusive Adroits
<img src="images/favicon.png" style="margin-bottom: -15px;" /></a></p>
<!--
<a class="github-button"
href="https://github.com/strenuousnerd8/Fuss/raw/master/Installer/fussInstaller.exe"
data-icon="octicon-cloud-download" data-size="large" aria-label="Download
strenuousnerd/fuss on GitHub">Download</a>
-->
<ul class="actions">
<li><a href="#first" class="arrow scrolly"><span class="label">Next</span></a></li>
</ul>
</header>
<div class="content">
<span class="image fill" data-position="center"><img
src="images/pic01.jpeg"
alt="" style="background: no-repeat center center fixed; -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;" /></span>
</div>
</section>
<!-- Section -->
<section id="first">
<header>
<h2>Let's keep it minimal & artistic</h2>
</header>
<div class="content">
<p><strong>A simple to-do app built with Electron, React, Redux, and LESS.</strong>
This was hobby project developed 2 years ago.</p>
<span class="image main"><img src="images/pic02.png" alt="" /></span>
</div>
</section>
<!-- Section -->
<section>
<header>
<h2>Download the App right away</h2>
</header>
<div class="content">
<p><strong>As of yet,</strong> Support for Windows Desktop Platform.</p>
<ul class="feature-icons">
<li class="icon fa-laptop">Compatible Platform: Windows (x86 / x64)</li>
<li class="icon fa-gear">One click install</li>
</ul>
<div class="download">
<a target=”_blank”
href="https://github.com/strenuousnerd8/Fuss/raw/master/Installer/fussInstaller.exe"><div
class="button" id="button">😸</div></a>
<a target=”_blank” id="link"
href="https://github.com/strenuousnerd8/Fuss/raw/master/Installer/fussInstaller.exe">Download!</a>
</div>
</div>
</section>
<!-- Section -->
<section>
<header>
<h2>Stay tuned for future content</h2>
</header>
<div class="content">
<p><a href="https://github.com/strenuousnerd8/" style="border-left: solid 5px black;"><strong> strenuousnerd8</strong></a> is my primary repository for some of my projects.</p>
</div>
</section>
<section>
<header>
<h2>Get in touch</h2>
</header>
<div class="content">
<p><strong>Contact...</strong> If you'd like to have a chat</p>
<form action="mailto:illusive.adroits@gmail.com" method="post" enctype="text/plain">
<div class="fields">
<div class="field half">
<input type="text" name="name" id="name" placeholder="Name" />
</div>
<div class="field half">
<input type="email" name="email" id="email" placeholder="Email" />
</div>
<div class="field">
<textarea name="message" id="message" placeholder="Message" rows="7"></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message" class="primary" /></li>
</ul>
</form>
</div>
<footer>
<ul class="items">
<li>
<h3>Email</h3>
<a href="#">illusive.adroits@gmail.com</a>
</li>
<li>
<h3>Phone</h3>
<a href="#">+91 734-897(4744) / +91 953-598(3796)</a>
</li>
<li>
<h3>Elsewhere (strenuousnerd8)</h3>
<ul class="icons">
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="#" class="icon fa-github"><span class="label">GitHub</span></a></li>
<li><a href="#" class="icon fa-codepen"><span class="label">Codepen</span></a></li>
</ul>
</li>
</ul>
</footer>
</section>
<!-- Copyright -->
<div class="copyright" style="color: black;">© Made with ⏳ & ❤️ by, <a
href="https://www.illusiveadroits.ga/">Illusive Adroits</a>.
<br /> All rights reserved. 2019</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>