-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
159 lines (151 loc) · 5.87 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gorgo</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header class="header">
<div class="container">
<div class="logo">
<img src="img/logo.png" alt="">
</div>
<div class="menu">
<div class="main-menu">
<nav class="menu-bar">
<ul class="menu-list">
<li><a href="#">Demos</a></li>
<li><a href="#">Features</a></li>
<li><a href="#">Documentation</a></li>
</ul>
</nav>
</div>
<div class="call-button">
<button id="call-button"><a href="">Purchase Theme $29</a></button>
</div>
</div>
</div>
</header>
<!-- header end -->
<!-- banner starts -->
<section class="banner">
<div class="container">
<div class="banner-text">
<h1 class="banner-heading">
Minimal Content Focused Blog & Magazine
</h1>
<p class="banner-description">
Gorgo is a minimal content focused Blog and Magazine Theme. Use it to wrute posts, create a
magazine, share your ideas and desires.
</p>
<a href="#demo"><img src="img/icon.png" alt="" class="banner-icon"></a>
</div>
<div class="banner-image">
<img src="img/banner.png" alt="Gorgo">
</div>
</div>
</section>
<section class="demo" id="demo">
<div class="container" id="demo-container">
<div class="demo-text">
<h1 class="demo-heading">
Our Stunnig Demo
</h1>
<p class="demo-paragraph">
Start with unique demo to create an awesome personal blog, megazine or focused content site
</p>
</div>
<div class="demo-img">
<div class="demo-items">
<img src="img/demo1.png" alt="classic">
<h2 class="demo-captions">Classic</h2>
</div>
<div class="demo-items">
<img src="img/demo2.png" alt="classic">
<h2 class="demo-captions">Shop</h2>
</div>
<div class="demo-items">
<img src="img/demo3.png" alt="classic">
<h2 class="demo-captions">Dark Mode</h2>
</div>
<div class="demo-items">
<img src="img/demo4.png" alt="classic">
<h2 class="demo-captions">Minimal</h2>
</div>
</div>
</div>
</section>
<section class="features">
<h1 class="demo-heading">Features</h1>
<p class="demo-paragraph">A quick tour into our main features</p>
<div class="row">
<div class="feature-card">
<div class="feature-image">
<img src="img/feature-icon1.png" alt="">
</div>
<h2>Fully Customizable</h2>
<p>Create an unlimited number of pages
using widgets, menus and the WordPress
Customizer. Without the hassle of bloated
features and hundreds of admin settings.</p>
</div>
<div class="feature-card">
<div class="feature-image">
<img src="img/feature-icon2.png" alt="">
</div>
<h2>Simple Demo Import</h2>
<p>Robust and very simple demo importer:
posts, sample sliders, widgets, theme
options and more are imported in one
minute.</p>
</div>
<div class="feature-card">
<div class="feature-image">
<img src="img/feature-icon3.png" alt="">
</div>
<h2>Paid & Free Memberships</h2>
<p>Manage subscriptions with Paid
Memberships Pro and monetize your site
with exclusive content.</p>
</div>
</div>
<div class="row">
<div class="feature-card">
<div class="feature-image">
<img src="img/feature-icon4.png" alt="">
</div>
<h2>Sell Digital & Physical Products</h2>
<p>Launch a shop to enhance the craze of
your community and spread the word!</p>
</div>
<div class="feature-card">
<div class="feature-image">
<img src="img/feature-icon5.png" alt="">
</div>
<h2>Like Posts</h2>
<p>Your readers will be able to like your
publications. Create a real community!</p>
</div>
<div class="feature-card">
<div class="feature-image">
<img src="img/feature-icon6.png" alt="">
</div>
<h2>Responsive is not an option anymore</h2>
<p>Enjoy browsing your site on mobile
phones, tablets and desktop</p>
</div>
</div>
</section>
<footer>
<h2>Purchase Gorgo Now
and Make Your Project
Easier</h2>
<button id="call-button"><a href="">Purchase Theme $29</a></button>
<img src="img/footer-logo.png" alt="">
<button onclick="topFunction()" id="myBtn" title="Go to top">^</button>
</footer>
<script src="js/topButton.js"></script>
</body>
</html>