-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
135 lines (128 loc) · 7.63 KB
/
home.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
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>WeChart - Convert your data into Dynamic Data Charts</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"
integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/js/all.min.js"
integrity="sha512-6PM0qYu5KExuNcKt5bURAoT6KCThUmHRewN3zUFNaoI6Di7XJPTMoT6K0nsagZKk2OB4L7E3q1uQKHNHd4stIQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="assets/js/custom.js"></script>
</head>
<body>
<header class="main-header header-style-1 font-heading">
<div class="header-top">
<div class="container">
<div class="row pt-20 pb-20">
<div class="col-md-3 col-xs-6"><a href="/"><img class="logo" src="assets/images/logo.png"
alt=""></a></div>
<div class="col-md-9 col-xs-6 text-right header-top-right ">
<ul class="list-inline nav-topbar d-none d-md-inline">
<li class="list-inline-item"><a href=""><i
class="fa-brands fa-github mr-5"></i>Document</a></li>
</ul><span class="vertical-divider mr-20 ml-20 d-none d-md-inline"></span><button
class="search-icon d-none d-md-inline"><span class="mr-15 text-muted font-small"><i
class="fa fa-search mr-5"></i>Search</span></button><button
class="btn btn-radius bg-primary text-white ml-15 font-small box-shadow">Contact Me</button>
</div>
</div>
</div>
</div>
<div class="header-sticky">
<div class="container align-self-center position-relative">
<div class="main-nav float-left ">
<nav>
<ul class="main-menu d-none d-lg-inline font-small">
<li class="menu-item-has-children"><a href="/"><i class="fa fa-home mr-5"></i>Home</a>
</li>
<li><a href="/category-list">About</a></li>
<li><a href="/category-grid">Resources</a></li>
<li><a href="/category-masonry">Features</a></li>
<li><a href="/category-big">Development</a></li>
</ul>
</nav>
</div>
<div class="float-right header-tools text-muted font-small">
<ul class="header-social-network d-inline-block list-inline mr-15">
<li class="list-inline-item"><a class="social-icon fb text-xs-center" target="_blank"
href="#"><i class="fa-brands fa-facebook mt-5"></i></a></li>
<li class="list-inline-item"><a class="social-icon tw text-xs-center" target="_blank"
href="#"><i class="fa-brands fa-twitter mt-5"></i></a></li>
<li class="list-inline-item"><a class="social-icon pt text-xs-center" target="_blank"
href="#"><i class="fa-brands fa-pinterest mt-5"></i></a></li>
</ul>
<div class="off-canvas-toggle-cover d-inline-block">
<div class="off-canvas-toggle hidden d-inline-block" id="off-canvas-toggle"><span></span></div>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</header>
<main>
<div class="featured-1">
<div class="container">
<div class="row">
<div class="col-lg-6 align-self-center">
<p class="text-muted"><span class="typewrite d-inline" data-period="2000"
data-type="[ " Travel Blogger. ", "Content Writter. ", "Food Guides " ]"></span>
</p>
<h2>Hello, I’m <span>WeChart</span></h2>
<h3 class="mb-20"> Let's make your data more meaningful.</h3>
<h5 class="text-muted">In a world where Data is more valuable than Gold, WeChart is here to make
your data more meaningful by converting it into Dynamic Data Chats all you have to do is
upload your Excel Sheet and wolla it's done!</h5>
<form class="input-group form-subcriber mt-30 d-flex"><input type="email"
class="form-control bg-white font-small" placeholder="Upload File Here"><button
class="btn bg-primary text-white" type="submit">Get Started</button></form>
</div>
<div class="col-lg-6 text-right d-none d-lg-block"><img
src="assets/images/featured.png" alt=""></div>
</div>
</div>
</div>
<div class="container">
<div class="hot-tags pt-30 pb-30 font-small align-self-center">
<div class="widget-header-3">
<div class="row align-self-center">
<div class="col-md-4 align-self-center">
<h5 class="widget-title">Main Container</h5>
</div>
<div class="col-md-8 text-md-right font-small align-self-center">
<p class="d-inline-block mr-5 mb-0"><i
class="elegant-icon icon_tag_alt mr-5 text-muted"></i>Chart Options:</p>
<ul class="list-inline d-inline-block tags">
<li class="list-inline-item"><a href="#"># Chart 1</a></li>
<li class="list-inline-item"><a href="#"># Chart 2</a></li>
<li class="list-inline-item"><a href="#"># Chart 3</a></li>
<li class="list-inline-item"><a href="#"># Chart 4</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="loop-grid mb-30">
</div>
</div>
</main>
<footer class="pt-50 pb-20 bg-grey">
<div class="container">
<div class="footer-copy-right pt-30 mt-20 wow fadeInUp animated" style="visibility: visible;">
<p class="float-md-left font-small text-muted">© 2022, WeChart - Turn your Excel Sheets into Data Charts
<!-- -->
</p>
<p class="float-md-right font-small text-muted">Created with ❤️ by
<!-- --> <a target="_blank" href="https://github.com/ahmedreza1">ahmedreza1</a> <!-- -->
</p>
</div>
</div>
</footer>
</body>
</html>