-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
133 lines (123 loc) · 5.78 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charset="UTF-8" />
<title>jQuery Responsive Side Menu with Dropdowns - jSide Menu</title>
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=Questrial&display=swap" rel="stylesheet" />
<!--Material Design Iconic Font-->
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
<!--jSide Menu CSS-->
<link rel="stylesheet" href="css/jside-menu.css" />
<!--jSide Skins-->
<link rel="stylesheet" href="css/jside-skins.css" />
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<header>
<!-- Start jside Menu -->
<nav class="pc">
<a href="#" class="logo">
<img src="img/logo.png" alt="logo">
</a>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact</a></li>
</ul>
<button class="menu-trigger pc-display-none"><i class="material-icons">menu</i></button>
</nav>
<div class="menu-body visibility">
<div class="menu-head">
<span class="layer">
<div class="col">
<div class="row for-pic">
<div class="profile-pic">
<img src="img/author.png" alt="engrasel" />
</div>
</div>
<div class="row for-name">
<h3 title="User Name">Engineer Rasel</h3>
<span class="tagline"> Web Developer</span>
</div>
</div>
<!--//col-->
</span>
</div>
<!--//menu-head-->
<nav class="menu-container">
<ul class="menu-items">
<li>
<a href="#1"> <i class="material-icons">widgets</i> Main item one </a>
</li>
<li>
<a href="#1"> <i class="material-icons">bar_chart</i> Main item two </a>
</li>
<li class="has-sub">
<span class="dropdown-heading"> <i class="material-icons">collections</i> Item three with dropdown </span>
<ul>
<li><a href="#2">dropdown sub item 1 </a></li>
<li><a href="#2"> dropdown sub item 2 </a></li>
<li><a href="#2"> dropdown sub item 3 </a></li>
<li><a href="#2"> dropdown sub item 4 </a></li>
<li><a href="#2"> dropdown sub item 5 </a></li>
<li><a href="#2"> dropdown sub item 6 </a></li>
<li><a href="#2"> dropdown sub item 7 </a></li>
</ul>
</li>
<li class="has-sub">
<span class="dropdown-heading"> <i class="material-icons">camera</i> Item four with dropdown </span>
<ul>
<li><a href="#2">sub item 1 </a></li>
<li><a href="#2">sub item 2 </a></li>
<li><a href="#2">sub item 3 </a></li>
<li><a href="#2">sub item 4 </a></li>
</ul>
</li>
<li>
<a href="#1"> <i class="material-icons">color_lens</i> Main item four </a>
</li>
<li>
<a href="#1"> <i class="material-icons">pie_chart</i> Main item five </a>
</li>
<li>
<a href="#1"> <i class="material-icons">highlight</i> Main item five </a>
</li>
<li>
<a href="#1"> <i class="material-icons">format_size</i> Main item six </a>
</li>
</ul>
</nav>
</div>
<!--End jSide Menu-->
</header>
<section class="banner">
<div class="banner-info">
<h1 class="heading1">Hello i,m Rasel</h1>
<p class="my-10">Hi, I am RASEL a computer graduate & Full-Stack Web Developer specialized in Shopify and WordPress. I work with a team of Highly Experienced IT professionals and worked with a lot of Local Brands in the USA and I am still working with a lot of international WordPress Website, Shopify Stores at the moment. I do have the necessary techniques and knowledge to succeed! Let's get connected and let me help you make some money!</p>
<div class="cta-btn">
<a href="https://www.fiverr.com/engrasel_?up_rollout=true" target="_blank" class="button1">Hire me</a>
</div>
</div>
<div class="banner-img">
<img src="img/banner-img.jpg" alt="">
</div>
</section>
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<!--jSide Menu Js-->
<script src="js/jquery.jside.menu.js"></script>
<script>
$(function () {
$(".menu-container").jSideMenu({
jSidePosition: "position-right", //possible options position-left or position-right
jSideSticky: true, // menubar will be fixed on top, false to set static
jSideSkin: "default-skin", // to apply custom skin, just put its name in this string
});
});
</script>
</body>
</html>