-
Notifications
You must be signed in to change notification settings - Fork 26
/
Copy pathindex.html
164 lines (164 loc) · 9.42 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
157
158
159
160
161
162
163
164
<!DOCTYPE html>
<html lang="en">
<head>
<title>Polyrise: Design with Freedom, Build with Power!</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, interactive-widget=resizes-content">
<meta name="description" content="Free Mobile Website Builder! Design with Freedom, Build with Power. Free for personal and commercial use.">
<meta name="author" content="Michael Schwartz">
<meta name="mobile-web-app-capable" content="yes">
<meta name="application-name" content="Polyrise: Design with Freedom, Build with Power!">
<meta name="theme-color" content="hsl(205deg 18.75% 87.45%)">
<meta name="apple-mobile-web-app-title" content="Polyrise: Design with Freedom, Build with Power!">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="msapplication-starturl" content="./index.html">
<meta name="msapplication-navbutton-color" content="hsl(205deg 18.75% 87.45%)">
<meta property="og:url" content="https://michaelsboost.com/" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Polyrise: Design with Freedom, Build with Power!" />
<meta property="og:description" content="Free Mobile Website Builder! Design with Freedom, Build with Power. Free for personal and commercial use." />
<meta property="og:image" content="https://raw.githubusercontent.com/michaelsboost/Polyrise/gh-pages/imgs/header.png">
<link rel="manifest" href="manifest.json">
<link rel="shortcut icon" type="image/x-icon" href="imgs/logo.svg">
<link rel="icon" type="image/svg+xml" href="imgs/logo.svg" />
<link rel="apple-touch-icon" href="imgs/logo.svg">
<!-- <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet"> -->
<link rel="stylesheet" href="dist/bundle.css">
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script> -->
<script src="dist/bundle.js"></script>
</head>
<body>
<div class="container">
<header class="d-flex flex-wrap align-items-center justify-content-center justify-content-md-between py-3 mb-4 border-bottom">
<div class="col-md-3 mb-2 mb-md-0">
<a href="https://michaelsboost.com/Polyrise/" class="d-inline-flex link-body-emphasis text-decoration-none">
<svg width="40" height="40" viewbox="0 0 135.46666 135.46667" version="1.1" id="p8gnvn4o7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" class="bi">
<defs id="defs1">
</defs>
<g id="g24">
<path id="path22" style="display:inline;fill:#133ad4;fill-opacity:1;stroke-width:96.174;stroke-linecap:round;stroke-linejoin:round" d="M 9.5828775,67.733332 V 135.20053 L 25.387597,126.03107 V 106.9604 67.733332 Z m 85.9689115,0 -57.769083,32.297258 v 18.81073 L 125.88224,67.733332 Z">
</path>
<path style="display:inline;fill:#04a2ff;fill-opacity:1;stroke-width:14;stroke-linecap:round;stroke-linejoin:round" id="path23" d="m 49.568527,35.819553 -16.970478,9.79791 0,-19.59582 z" transform="matrix(2.2172652,0,0,2.1470293,-34.495269,-9.262162)">
</path>
<path id="path24" style="display:inline;fill:#8600ef;fill-opacity:1;stroke-width:96.174;stroke-linecap:round;stroke-linejoin:round" d="M 9.5828775,0.26613362 V 67.733332 H 25.387597 V 42.856815 28.326953 l 70.325939,39.315946 -0.161747,0.09043 h 30.330451 l 0.002,-0.001 z">
</path>
</g>
</svg>
</a>
</div>
<ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
<li>
<a href="https://michaelsboost.com/Polyrise/" class="nav-link px-2 link-secondary">Home</a>
</li>
<li>
<a href="https://github.com/michaelsboost/Polyrise/" class="nav-link px-2">Github</a>
</li>
<li>
<a href="https://twitter.com/michaelsboost/" class="nav-link px-2">Twitter</a>
</li>
<li>
<a href="https://michaelsboost.com/donate/" class="nav-link px-2">Support</a>
</li>
</ul>
<div class="col-md-3 text-end">
<a type="button" class="btn btn-primary" href="./app/" target="_blank">Get Started</a>
</div>
</header>
</div>
<main>
<div class="px-4 pt-5 my-5 text-center border-bottom">
<h1 class="display-4 fw-bold text-body-emphasis">Create Without Boundaries</h1>
<div class="col-lg-6 mx-auto">
<p class="lead mb-4">Polyrise empowers you to design and customize responsive websites your way, whether on mobile or desktop. Choose your preferred libraries and frameworks, and build with complete creative freedom. From Bootstrap to Tailwind CSS and Alpine.js, Polyrise is the first website builder that truly liberates your design process, allowing you to craft anything from simple pages to fully interactive apps—anytime, anywhere.</p>
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center mb-5">
<a type="button" class="btn btn-primary btn-lg px-4 me-sm-3" href="./app/" target="_blank">Get Started</a>
</div>
</div>
<div class="overflow-hidden" style="max-height: 30vh;">
<div class="container px-5">
<img src="app/media/polyrise-desktop.png" class="img-fluid border rounded-3 shadow-lg mb-4" alt="Example image" width="700" height="500" loading="lazy">
</div>
</div>
</div>
</main>
<main>
<div class="container px-4 py-5">
<header class="text-center mb-5">
<h1 class="fw-bold text-body-emphasis">Explore Our Powerful Features</h1>
<p class="text-body-secondary">Discover how our tool empowers you to create, customize, and launch stunning websites with ease.</p>
</header>
<div class="row row-cols-1 row-cols-md-2 g-4">
<div class="col">
<div class="card h-100">
<img src="app/imgs/make-work-awesome.gif" class="card-img-top" alt="Feature 1 in action">
<div class="card-body">
<h3 class="card-title text-body-emphasis">Bring Your Vision to Life</h3>
<p class="card-text">Design responsive websites with complete creative freedom. Customize every aspect of your project to fit your unique style.</p>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="app/imgs/button.gif" class="card-img-top" alt="Feature 1 in action">
<div class="card-body">
<h3 class="card-title text-body-emphasis">Custom Components</h3>
<p class="card-text">Easily create and use custom components to build your unique designs, and speed up your workflow.</p>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="app/imgs/screenshot-todo-app.jpeg" class="card-img-top" alt="Feature 2 in action">
<div class="card-body">
<h3 class="card-title text-body-emphasis">Full Creative Freedom</h3>
<p class="card-text">Unleash your creativity with complete control over design and functionality.</p>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="app/imgs/responsive.gif" class="card-img-top" alt="Feature 3 in action">
<div class="card-body">
<h3 class="card-title text-body-emphasis">Responsive Design</h3>
<p class="card-text">Ensure your site looks great on any device with responsive design options.</p>
</div>
</div>
</div>
</div>
</div>
</main>
<div class="container py-8 mt-16">
<div class="text-center">
<div class="">
<a href="https://michaelsboost.com/" target="_blank">
<img src="imgs/author.jpg" class="img-thumbnail rounded mx-auto d-block" alt="Michael Schwartz" style="max-width: 256px; border-radius: 100em!important;">
</a>
<div class="card-body">
<h3 class="pt-4 text-body-emphasis">Michael Schwartz</h3>
<p class="card-text pt-2">Creator of Polyrise! 🚀</p>
<p class="card-text">Building cool stuff since... well, a while ago. 😅</p>
</div>
</div>
</div>
</div>
<div class="container">
<footer class="d-flex flex-wrap justify-content-cente align-items-center py-3 my-4 border-top">
<ul class="nav col-md-4 justify-content-end">
<li class="nav-item">
<a href="https://michaelsboost.com/Polyrise/" class="nav-link px-2 text-body-secondary">Home</a>
</li>
<li class="nav-item">
<a href="https://github.com/michaelsboost/Polyrise/" class="nav-link px-2 text-body-secondary">Github</a>
</li>
<li class="nav-item">
<a href="https://twitter.com/michaelsboost" class="nav-link px-2 text-body-secondary">Twitter</a>
</li>
<li class="nav-item">
<a href="https://michaelsboost.com/donate/" class="nav-link px-2 text-body-secondary">Support</a>
</li>
</ul>
</footer>
</div>
</body>
</html>