-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
186 lines (181 loc) · 9.43 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
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="asserts/css/init.css">
<script src="https://use.fontawesome.com/eb1c3321a7.js"></script>
</head>
<body>
<div class="topnav" id="topBar">
<a href="javascript:void(0);" class="icon" onclick="topBar()">
<i class="fa fa-bars"></i>
</a>
<center><a href="#home" class="heading uppercase">Meta Inside</a></center>
<div class="right rightArea">
<a href="#!" class=" uppercase">Become a MetaInsider</a>
<a href="#contact" class="">Sign in</a>
<a href="#!" class="join uppercase">Join</a>
</div>
<a href="#!" class="join mobile joinMobile">Join</a>
</div>
<div class="home-main" >
<h1 class="center">Find The Best Graphics<br>Design Service</h1>
<center><input type="text" name="search" id="search" class="form-control search" placeholder="Find MetaInsiders" /></center>
<center>
<div class="popular">
<a href="#!">Popular:</a>
<a href="#!">Photoshop Editing</a>
<a href="#!">Logo Design</a>
<a href="#!">Business Card</a>
</div>
</center>
</div>
<div class="space"></div>
<div class="home-categories">
<a href="#!">Graphoc & Design</a>
<a href="#!">Digital Marketing</a>
<a href="#!">Video & Animation</a>
<a href="#!">Music & Audio</a>
<a href="#!">Gaming Asserts</a>
<a href="#!">Business</a>
<a href="#!">Logo Design</a>
<a href="#!">Photoshpe Editing</a>
<a href="#!">Multimedia</a>
</div>
<div class="home-section-why md">
<h1 class="center">Why to choose?</h1>
<div class="home-section-why-div">
<div class="home-section-why-area">
<i class="fa fa-plug icon "></i>
<h3 class="">Components</h3>
<p class="content">Zest Framework supports components, so a team work can done more fastly, a components has own Routes, Controllers, Models, Views and Middlewares.</p>
</div>
<div class="home-section-why-area">
<i class="fa fa-star icon"></i>
<h3 class="">Framework with a small footprint</h3>
<p class="content">Zest 3.0.0{dev} and Zest 2.0.3 has a 1.14 MB core file size.</p>
</div>
<div class="home-section-why-area">
<i class="fa fa-cog icon"></i>
<h3 class="">Nearly zero configuration</h3>
<p class="content">Much of the Zest configuration is done by convention, for instance putting models in a "Models" folder. There are still a number of configuration options available, through scripts in the "Config" folder.</p>
</div>
<div class="home-section-why-area">
<i class="fa fa-tasks icon"></i>
<h3 class=""> Built in libraries</h3>
<p class="content">Zest Framework, provides large number of built in library such as Hashing, Encryption etc.</p>
</div>
</div>
</div>
<div class="slideshow-container sm">
<h3>Why to choose</h3>
<div class="slides activeSlide fade">
<div class="">
<i class="fa fa-tasks icon"></i>
<h3 class="center"> Built in libraries</h3>
<p class="content center">Zest Framework, provides large number of built in library such as Hashing, Encryption etc.</p>
</div>
</div>
<div class="slides fade">
<div class="">
<i class="fa fa-star icon"></i>
<h3 class="center"> Framework with a small footprint</h3>
<p class="content center">Zest Framework, provides large number of built in library such as Hashing, Encryption etc.</p>
</div>
</div>
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</div>
<div class="space-gray"></div>
<div class="home-success">
<h1>Make your business smarter.</h1>
<div class="row">
<div class="left">
<p class="content">Our award-winning technology makes keeping control of your finances easy.</p>
<ul class="content">
<li>24/7 visibility – a clear overview of your entire business in real time</li>
<li>Mobile friendly – submit your expenses and send invoices on the go</li>
<li>Live Profit & Loss – see your profits and how much you can safely withdraw</li>
<li>24/7 visibility – a clear overview of your entire business in real time</li>
<li>Mobile friendly – submit your expenses and send invoices on the go</li>
<li>Live Profit & Loss – see your profits and how much you can safely withdraw</li>
</ul>
</div>
<div class="right">
<img src="asserts/images/home-iphone.png">
</div>
</div>
</div>
<footer class="footer">
<div class="decent-section">
<h3>Meta Inside</h3>
<div class="top">
<a href="contact.html" target="_self"><span class="footer-btn">Terms</span></a> |
<a href="contact.html" target="_self"><span class="footer-btn">Privacy</span></a>
</div>
<div class="copyright">
<span>@ Meta Inside International | 2019</span>
</div>
<div class="footer-overlay">
<div class="footer-overlay-2">
<ul class="footerUl">
<li class="footer-heading">Categories?</li>
<li><a href="contact.html" target="_self"><span class="footer-btn">Graphic & Design</span></a></li>
<li><a href="faq.html" target="_self"><span class="footer-btn">Photoshop Editing</span></a></li>
<li><a href="#!" target="_self"><span class="footer-btn">Logo Design</span></a></li>
<li><a href="#!" target="_self"><span class="footer-btn">Much more</span></a></li>
</ul>
<ul class="footerUl">
<li class="footer-heading">About</li>
<li><a href="#!" target="_self"><span class="footer-btn">About Us</span></a></li>
<li><a href="#!" target="_self"><span class="footer-btn">Careers</span></a></li>
<li><a href="#!" target="_blank"><span class="footer-btn">Partnership</span></a></li>
</ul>
<ul class="footerUl">
<li class="footer-heading">Legal</li>
<li><a href="terms.html" target="_self"><span class="footer-btn">Terms and Conditions</span></a></li>
<li><a href="privacy.html" target="_self"><span class="footer-btn">Privacy Policy</span></a></li>
</ul>
<ul class="footerUl">
<li class="footer-heading">Support</li>
<li><a href="#!" target="_self"><span class="footer-btn">Help & Support</span></a></li>
<li><a href="#!" target="_self"><span class="footer-btn">Trust & Safty</span></a></li>
<li><a href="#!" target="_self"><span class="footer-btn">Selling on Meta Inside</span></a></li>
<li><a href="#!" target="_self"><span class="footer-btn">Buying on Meta Inside</span></a></li>
</ul>
<ul class="footerUl">
<li class="footer-heading">Community</li>
<li><a href="terms.html" target="_self"><span class="footer-btn">Affiliates</span></a></li>
<li><a href="privacy.html" target="_self"><span class="footer-btn">Invite a Friend</span></a></li>
<li><a href="privacy.html" target="_self"><span class="footer-btn">Become a Metainsider</span></a></li>
</ul>
<ul class="footerUl">
<li class="footer-heading">More From MetaInside</li>
<li><a href="terms.html" target="_self"><span class="footer-btn">Get Inspired</span></a></li>
</ul>
</div>
</div>
<span class="footer-hr"></span>
<div class="social">
<div class="socialLeft">
<div class="icons">
<a href="#!"><i class="fa fa-facebook"></i></a>
<a href="#!"><i class="fa fa-twitter"></i></a>
<a href="#!"><i class="fa fa-linkedin"></i></a>
</div>
</div>
<div class="socialRight">
<div class="form-group">
<select class="form-control" >
<option>$USD</option>
</select>
</div>
</div>
</div>
</div>
</footer>
</body>
<script src="asserts/dist/bundle.js"></script>
</html>