-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
183 lines (174 loc) · 25.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- custom css file link -->
<link rel="stylesheet" href="assets/css/style.css">
<!-- responsive css file link -->
<link rel="stylesheet" href="assets/css/responsive.css">
<title>Business Co template clone by Soriful Chalehin</title>
</head>
<body>
<header>
<div class="container">
<div class="logo">
<a href="https://facebook.com/Chalehin" style="font-size: 2em;">Business Co</a>
</div>
<label for="nav">
<div class="menu df">
<div class="expan-icon">
<span></span><br>
<span></span><br>
<span></span>
</div>
</div>
</label>
</div>
<input type="checkbox" id="nav" hidden>
<nav>
<label for="nav" class="p2" style="align-self: flex-end; color: white;">X</label>
<a href="#">Page 1</a>
<a href="#">Page 2</a>
<a href="#">Page 3</a>
<a href="#">Page 4</a>
<a href="#">Page 5</a>
<a href="#">Page 6</a>
<a href="#">Page 7</a>
</nav>
</header>
<!-- Banner Section Start -->
<section class="banner">
<div class="container">
<div class="banner-text">
<h1>We help your brand to be recognizable</h1>
<p>Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur</p>
<span>Image from Freepik</span><br>
<a class="btn" href="https://facebook.com/Chalehin">Learn More</a>
</div>
</div>
</section>
<section class="banner-box-wrapper">
<div class="banner-box">
<h2>Quality Product</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusm od tempor incididunt ut labore et dolore magna aliqua ut enim adminim.</p>
</div>
<div class="banner-box">
<h2>Growth Strategy</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusm od tempor incididunt ut labore et dolore magna aliqua ut enim adminim.</p>
</div>
<div class="banner-box">
<h2>Competitive Price</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusm od tempor incididunt ut labore et dolore magna aliqua ut enim adminim.</p>
</div>
</section>
<!-- About Company Section -->
<section class="about-company">
<div class="tac">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-11 0 512 512" id="svg-ed7e" class="u-svg-content"><path d="m245.332031 149.332031c-41.171875 0-74.664062-33.492187-74.664062-74.664062 0-41.175781 33.492187-74.667969 74.664062-74.667969 41.175781 0 74.667969 33.492188 74.667969 74.667969 0 41.171875-33.492188 74.664062-74.667969 74.664062zm0-128c-29.394531 0-53.332031 23.9375-53.332031 53.335938 0 29.394531 23.9375 53.332031 53.332031 53.332031 29.398438 0 53.335938-23.9375 53.335938-53.332031 0-29.398438-23.9375-53.335938-53.335938-53.335938zm0 0"></path><path d="m330.667969 234.667969h-170.667969c-5.886719 0-10.667969-4.78125-10.667969-10.667969s4.78125-10.667969 10.667969-10.667969h170.667969c5.886719 0 10.664062 4.78125 10.664062 10.667969s-4.777343 10.667969-10.664062 10.667969zm0 0"></path><path d="m245.332031 501.332031c-5.886719 0-10.664062-4.777343-10.664062-10.664062v-352c0-5.890625 4.777343-10.667969 10.664062-10.667969 5.890625 0 10.667969 4.777344 10.667969 10.667969v352c0 5.886719-4.777344 10.664062-10.667969 10.664062zm0 0"></path><path d="m416 405.332031c-4.457031 0-8.617188-2.816406-10.113281-7.292969-1.855469-5.589843 1.152343-11.628906 6.742187-13.484374l64-21.332032c5.632813-1.878906 11.628906 1.152344 13.484375 6.738282 1.855469 5.589843-1.152343 11.628906-6.742187 13.484374l-64 21.332032c-1.132813.386718-2.261719.554687-3.371094.554687zm0 0"></path><path d="m74.667969 405.332031c-1.109375 0-2.242188-.167969-3.371094-.554687l-64-21.332032c-5.589844-1.855468-8.597656-7.894531-6.742187-13.484374 1.855468-5.585938 7.851562-8.617188 13.484374-6.738282l64 21.332032c5.585938 1.855468 8.59375 7.894531 6.738282 13.484374-1.492188 4.476563-5.652344 7.292969-10.109375 7.292969zm0 0"></path><path d="m245.332031 512c-86.015625 0-169.152343-40-224-106.199219v31.53125c0 5.890625-4.777343 10.667969-10.664062 10.667969-5.890625 0-10.667969-4.777344-10.667969-10.667969v-64c0-4.714843 3.113281-8.894531 7.636719-10.21875 4.480469-1.320312 9.386719.449219 11.988281 4.417969 49.324219 75.945312 135.832031 123.136719 225.707031 123.136719 93.460938 0 177.792969-45.976563 225.601563-122.964844 2.496094-4.035156 7.382812-5.933594 11.988281-4.632813 4.585937 1.324219 7.746094 5.503907 7.746094 10.261719v64c0 5.890625-4.78125 10.667969-10.667969 10.667969s-10.667969-4.777344-10.667969-10.667969v-30.527343c-53.4375 66.433593-134.910156 105.195312-224 105.195312zm0 0"></path></svg>
<h2>About Company</h2>
<p>Paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur id suscipit ex. Suspendisse rhoncus laoreet purus quis elementum. Phasellus sed efficitur dolor, et ultricies sapien. Quisque fringilla sit amet dolor commodo efficitur. Aliquam et sem odio. In ullamcorper nisi nunc, et molestie ipsum iaculis sit amet.</p>
<a href="#" class="btn btn-white">OUR WORK</a>
</div>
</section>
<!-- Chose us section -->
<section class="chose-us df">
<div class="left w50">
<img src="images/one-man.jpg" alt="">
</div>
<div class="right w50">
<h2>Doing The Right Thing, At The Right Time</h2>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.
</p>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<a href="#" class="btn-white" style="background: white; color: var(--primary-color); border-radius: 5em;">LEARN MORE</a>
</div>
</section>
<!-- Our Serviec Section Start -->
<section class="out-services">
<div class="tac">
<h2>Our Services</h2>
<p>Consectetur adipiscing elit nullam nunc justo sagittis suscipit ultrices.</p>
</div>
<div class="servie_card_wrapper">
<div class="servics-card">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="svg-cea4" x="0px" y="0px" viewBox="0 0 295.238 295.238" style="enable-background:new 0 0 295.238 295.238;" xml:space="preserve" class="u-svg-content"><g><g><g><path d="M277.462,0.09l-27.681,20.72l-27.838,64.905h-22.386l-8.79-19.048h5.743c10.505,0,19.048-8.452,19.048-18.957V28.571 h9.524V0H196.51v28.571h9.524V47.71c0,5.248-4.271,9.433-9.524,9.433h-10.138L174.2,30.81l14.581-7.267L141.038,3.095 l-11.224,39.281c-0.305-23.371-19.386-42.29-42.829-42.29c-23.633,0-42.857,19.224-42.857,42.857 c0,14.281,7.233,27.676,19.048,35.595v7.176H51.643L50.9,89.619c-2.314,12.005-2.529,24.343-0.638,36.648l-32.486,57.905 l35.876,8.195v60.014h47.619v42.857h114.286v-66.357c33.333-23.581,52.371-61.495,52.343-101.943l0.01-17.371 c0-6.548-0.605-13.276-1.824-19.905l-0.705-3.948h-9.348l21.429-51.338V0.09z M206.033,19.138V9.614h9.524v9.524H206.033z M189.067,85.714h-18.062l-8.657-19.048h17.929L189.067,85.714z M147.219,16.119l18.929,8.11l-4.467,2.19l14.2,30.724h-17.862 l-11.605-25.471l-4.262,2.152L147.219,16.119z M160.543,85.715h-21.176v-9.433c0-5.252,4.271-9.614,9.524-9.614h2.995v-0.001 L160.543,85.715z M141.843,44.652l5.776,12.71c-9.905,0.667-17.776,8.848-17.776,18.919v9.433h-19.048v-7.176 c9.529-6.386,15.995-16.352,18.176-27.452L141.843,44.652z M53.653,42.948c0-18.376,14.957-33.333,33.333-33.333 c18.376,0,33.333,14.957,33.333,33.333c0,11.829-6.39,22.881-16.671,28.838l-2.376,1.371v12.557h-9.524V56.352 c5.529-1.971,9.524-7.21,9.524-13.41c0-7.876-6.41-14.286-14.286-14.286c-7.876,0-14.286,6.411-14.286,14.287 c0,6.2,3.995,11.438,9.524,13.41v29.362H72.7V73.157l-2.376-1.376C60.043,65.824,53.653,54.776,53.653,42.948z M86.986,47.71 c-2.629,0-4.762-2.139-4.762-4.762c0-2.629,2.133-4.762,4.762-4.762c2.629,0,4.762,2.133,4.762,4.762S89.615,47.71,86.986,47.71z M257.366,95.239c0.691,4.761,1.039,9.59,1.039,14.285l0.01,17.405c0.029,38.148-18.795,73.871-50.286,95.552l-2.095,1.429 v61.805h-95.238v-42.857h-47.62v-58.086l-30.862-7.043l27.876-49.7l-0.271-1.7c-1.771-10.419-1.871-21.567-0.333-31.09h3.59 h47.619H257.366z M245.714,85.714H232.3l23.738-55.343l10.557,5.257L245.714,85.714z M267.938,25.714l-5.267-2.633l5.267-3.943 V25.714z"></path><path d="M96.51,123.81c-7.876,0-14.286-4.762-14.286-14.286H72.7c0,14.286,10.681,23.81,23.81,23.81 c13.129,0,23.81-9.524,23.81-23.81h-9.524C110.795,119.048,104.386,123.81,96.51,123.81z"></path></svg>
<h3>Branding</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit nullam nunc justo sagittis suscipit ultrices.</p>
</div>
<div class="servics-card">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" class="u-svg-content" viewBox="0 0 479.988 479.988" id="svg-b424"><path d="m388.139 169.472c31.221-25.502 20.437-75.934-18.576-86.386-10.194-2.731-20.747-2.163-30.421 1.522l-30.998-53.691c-12.614-21.849-43.899-22.428-57.331-1.125-38.127 60.474-88.921 111.908-149.225 150.939-3.434 2.218-4.707 6.802-2.675 10.533.326.597 51.672 89.52 52.012 90.109 2.208 3.824 7.098 5.138 10.928 2.928 3.826-2.209 5.137-7.102 2.928-10.928l-48.15-83.4c57.501-38.44 108.427-89.331 147.717-151.648 7.027-11.147 23.361-10.801 29.939.592l110.996 192.251c6.586 11.408-1.31 25.712-14.457 26.224-73.757 2.874-145.97 21.739-211.993 55.507-.281.143-75.137 43.368-80.292 46.344-13.381 7.726-30.551 3.125-38.275-10.256l-40.521-70.187c-7.725-13.38-3.124-30.55 10.256-38.275l48.769-28.157c3.826-2.209 5.137-7.102 2.928-10.928-2.209-3.827-7.103-5.137-10.928-2.928l-48.769 28.157c-21.02 12.135-28.248 39.11-16.112 60.131l40.522 70.186c12.137 21.022 39.112 28.248 60.132 16.112l1.845-1.065 50.029 86.653c7.186 12.447 23.076 16.71 35.53 9.521l17.547-10.131c12.45-7.188 16.708-23.079 9.52-35.53l-35.457-61.413c-2.209-3.826-7.102-5.137-10.928-2.928s-5.137 7.102-2.928 10.928l35.457 61.413c2.766 4.791 1.128 10.907-3.664 13.673l-17.547 10.131c-4.791 2.766-10.907 1.127-13.673-3.664l-50.029-86.653 64.055-36.983c62.681-32.026 132.413-50.838 205.15-53.671 25.208-.983 40.285-28.399 27.689-50.212zm-2.285-55.254c7.898 13.68 5.061 30.656-5.872 41.125l-32.685-56.613c14.329-4.203 30.532 1.587 38.557 15.488zm78.246-35.567-20.699 11.951c-3.829 2.21-8.72.897-10.928-2.928-2.21-3.826-.898-8.719 2.928-10.928l20.699-11.951c3.829-2.21 8.72-.897 10.928 2.928 2.209 3.826.898 8.719-2.928 10.928zm-89.018-45.596 5.048-18.836c1.144-4.268 5.528-6.799 9.799-5.657 4.268 1.144 6.8 5.531 5.656 9.798l-5.048 18.836c-1.141 4.257-5.517 6.801-9.799 5.657-4.267-1.144-6.799-5.53-5.656-9.798zm104.631 131.019c-.958 3.574-4.19 5.931-7.723 5.931-1.448 0-.435.165-20.912-5.322-4.268-1.144-6.801-5.53-5.657-9.798s5.531-6.798 9.798-5.657l18.837 5.047c4.267 1.144 6.801 5.531 5.657 9.799z"></path></svg>
<h3>Digital Marketing</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit nullam nunc justo sagittis suscipit ultrices.</p>
</div>
<div class="servics-card">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" class="u-svg-content" viewBox="0 -25 424 424" id="svg-be95"><path d="m167.289062 272.132812c-1.601562 0-3.214843-.550781-4.53125-1.671874l-45.296874-38.570313c-1.5625-1.332031-2.460938-3.277344-2.460938-5.332031 0-2.050782.902344-3.996094 2.460938-5.328125l45.296874-38.570313c2.941407-2.507812 7.359376-2.152344 9.867188.789063 2.503906 2.945312 2.152344 7.363281-.792969 9.867187l-39.035156 33.242188 39.035156 33.242187c2.945313 2.507813 3.296875 6.925781.792969 9.867188-1.386719 1.628906-3.355469 2.464843-5.335938 2.464843zm0 0"></path><path d="m256.710938 272.132812c-1.980469 0-3.949219-.835937-5.332032-2.464843-2.507812-2.941407-2.152344-7.359375.789063-9.867188l39.035156-33.242187-39.035156-33.242188c-2.941407-2.503906-3.296875-6.921875-.789063-9.867187 2.503906-2.941407 6.925782-3.296875 9.863282-.789063l45.296874 38.570313c1.5625 1.332031 2.460938 3.277343 2.460938 5.328125 0 2.054687-.898438 4-2.460938 5.332031l-45.296874 38.570313c-1.316407 1.121093-2.929688 1.671874-4.53125 1.671874zm0 0"></path><path d="m195.964844 301.0625c-.480469 0-.964844-.050781-1.453125-.152344-3.78125-.796875-6.203125-4.511718-5.40625-8.292968l28.230469-134.035157c.796874-3.78125 4.507812-6.203125 8.292968-5.40625 3.78125.796875 6.203125 4.507813 5.40625 8.292969l-28.230468 134.035156c-.695313 3.296875-3.601563 5.558594-6.839844 5.558594zm0 0"></path><path d="m377 374.085938h-330c-25.914062 0-47-21.082032-47-47v-280.085938c0-25.914062 21.085938-47 47-47h330c25.914062 0 47 21.085938 47 47v280.085938c0 25.917968-21.085938 47-47 47zm-330-360.085938c-18.195312 0-33 14.804688-33 33v280.085938c0 18.195312 14.804688 33 33 33h330c18.195312 0 33-14.804688 33-33v-280.085938c0-18.195312-14.804688-33-33-33zm0 0"></path><path d="m417 112.089844h-410c-3.867188 0-7-3.132813-7-7 0-3.863282 3.132812-7 7-7h410c3.867188 0 7 3.136718 7 7 0 3.867187-3.132812 7-7 7zm0 0"></path><path d="m119.601562 78.59375c-12.210937 0-22.152343-9.941406-22.152343-22.152344 0-12.214844 9.941406-22.152344 22.152343-22.152344 12.214844 0 22.152344 9.9375 22.152344 22.152344 0 12.210938-9.9375 22.152344-22.152344 22.152344zm0-30.304688c-4.492187 0-8.152343 3.65625-8.152343 8.152344s3.660156 8.152344 8.152343 8.152344c4.496094 0 8.152344-3.65625 8.152344-8.152344s-3.65625-8.152344-8.152344-8.152344zm0 0"></path><path d="m51.539062 78.378906c-12.214843 0-22.152343-9.9375-22.152343-22.152344 0-12.214843 9.9375-22.152343 22.152343-22.152343 12.214844 0 22.152344 9.9375 22.152344 22.152343 0 12.214844-9.9375 22.152344-22.152344 22.152344zm0-30.304687c-4.492187 0-8.152343 3.660156-8.152343 8.152343 0 4.496094 3.660156 8.152344 8.152343 8.152344 4.496094 0 8.152344-3.65625 8.152344-8.152344 0-4.492187-3.65625-8.152343-8.152344-8.152343zm0 0"></path><path d="m187.664062 78.804688c-12.210937 0-22.148437-9.9375-22.148437-22.152344 0-12.210938 9.9375-22.148438 22.148437-22.148438 12.214844 0 22.152344 9.9375 22.152344 22.148438 0 12.214844-9.9375 22.152344-22.152344 22.152344zm0-30.304688c-4.492187 0-8.148437 3.65625-8.148437 8.152344s3.65625 8.152344 8.148437 8.152344c4.496094 0 8.152344-3.65625 8.152344-8.152344s-3.65625-8.152344-8.152344-8.152344zm0 0"></path></svg>
<h3>Development</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit nullam nunc justo sagittis suscipit ultrices.</p>
</div>
<div class="servics-card">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" class="u-svg-content" viewBox="0 0 512.004 512.004" id="svg-8ac9"><g><path d="m212.704 137.231c22.279 0 40.405-18.125 40.405-40.404s-18.126-40.405-40.405-40.405-40.404 18.126-40.404 40.405 18.125 40.404 40.404 40.404zm0-65.809c14.009 0 25.405 11.396 25.405 25.405 0 14.008-11.396 25.404-25.405 25.404-14.008 0-25.404-11.396-25.404-25.404s11.396-25.405 25.404-25.405z"></path><path d="m197.84 437.005c25.496 0 46.239-20.743 46.239-46.239s-20.743-46.239-46.239-46.239-46.239 20.743-46.239 46.239 20.743 46.239 46.239 46.239zm0-77.478c17.226 0 31.239 14.014 31.239 31.239s-14.014 31.239-31.239 31.239-31.239-14.014-31.239-31.239 14.013-31.239 31.239-31.239z"></path><path d="m131.618 131.633c-27.031 0-49.022 21.991-49.022 49.022s21.991 49.022 49.022 49.022 49.022-21.991 49.022-49.022-21.991-49.022-49.022-49.022zm0 83.045c-18.76 0-34.022-15.262-34.022-34.022s15.263-34.022 34.022-34.022 34.022 15.262 34.022 34.022-15.262 34.022-34.022 34.022z"></path><path d="m117.578 348.725c27.031 0 49.022-21.991 49.022-49.022s-21.991-49.022-49.022-49.022-49.022 21.991-49.022 49.022 21.991 49.022 49.022 49.022zm0-83.045c18.76 0 34.022 15.262 34.022 34.022s-15.263 34.022-34.022 34.022-34.022-15.262-34.022-34.022 15.262-34.022 34.022-34.022z"></path><path d="m166.44 490.454c4.069.749 7.98-1.956 8.725-6.031s-1.956-7.981-6.031-8.725c-28.747-5.249-54.463-19.51-74.368-41.242-57.979-63.299-83.793-131.571-76.726-202.921 15.947-161.023 185.751-241.171 342.349-209.85 21.156 4.231 29.396 21.475 30.021 34.955.619 13.306-5.896 31.005-26.294 37.099-26.355 7.873-47.193 19.364-61.935 34.153-33.788 33.897-36.715 91.09-4.452 129.615 15.931 19.023 26.122 42.091 29.544 66.827-16.984 38.603-34.352 82.319-47.793 122.782-21.595 17.838-48.918 28.647-77.182 30.493-4.134.27-7.266 3.839-6.996 7.973.26 3.967 3.558 7.012 7.478 7.012.164 0 .329-.005.496-.017 24.337-1.589 48.054-9.174 68.674-21.744-4.362 15.196 2.759 31.115 17.081 37.997 15.294 7.35 33.809 1.526 42.155-13.241 14.442-25.553 30.091-56.567 45.252-89.689 1.725-3.766.068-8.217-3.697-9.941-3.768-1.725-8.217-.067-9.941 3.698-14.987 32.743-30.435 63.363-44.672 88.552-4.477 7.921-14.402 11.038-22.6 7.102-7.757-3.728-11.58-12.392-9.09-20.601 19.361-63.866 51.65-141.606 81.229-201.718l40.312 17.256c-9.399 25.614-20.106 52.284-31.031 77.571-1.641 3.803.112 8.216 3.915 9.857 3.809 1.643 8.217-.112 9.858-3.915 20.578-47.754 43.545-107.401 56.948-157.581 4.764-1.711 8.207-5.157 10.032-9.421l6.491-15.164c1.391-3.249 1.698-6.692 1.091-9.93 12.484-7.969 29.958-22.184 39.013-43.338 11.187-26.13 3.753-70.399-1.674-94.461-1.039-4.61-4.255-8.474-8.6-10.334-4.346-1.86-9.36-1.521-13.414.91-21.156 12.685-58.319 37.865-69.504 63.993-9.052 21.145-7.279 43.594-4.43 58.128-2.838 1.841-5.068 4.478-6.429 7.658l-6.491 15.164c-1.84 4.297-1.929 9.151.108 13.761-20.125 32.979-40.105 73.005-56.222 108.123-5.661-19.542-15.271-37.701-28.41-53.391-12.581-15.023-18.96-32.631-18.96-52.336 0-42.524 26.29-71.939 78.14-87.429 23.613-7.054 38.13-27.531 36.985-52.167-.947-20.376-14.321-43.419-42.064-48.968-165.082-33.018-343.348 52.774-360.219 223.079-7.505 75.774 19.61 147.953 80.593 214.531 22.133 24.164 50.742 40.025 82.735 45.866zm238.926-287.359c9.829 4.207 17.333 7.42 27.162 11.627-4.903 18.033-11.545 38.989-19.458 61.388l-38.69-16.562c10.748-21.191 21.325-40.462 30.986-56.453zm45.036-17.404-6.491 15.164c-.525 1.224-1.896 1.612-2.925 1.171l-32.273-13.815c-1.046-.448-1.689-1.714-1.171-2.924l6.491-15.165c.506-1.179 1.844-1.635 2.927-1.17l32.271 13.814c1.04.446 1.68 1.736 1.171 2.925zm-25.51-81.354c3.284-7.672 16.013-28.554 63.163-56.873 12.061 53.667 5.734 77.286 2.45 84.959-7.744 18.092-23.322 30.375-34.144 37.139-.401-.211-.812-.407-1.229-.585l-32.272-13.815h-.001c-.417-.178-.841-.34-1.271-.484-2.574-12.501-4.439-32.251 3.304-50.341z"></path></svg>
<h3>Web Design</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit nullam nunc justo sagittis suscipit ultrices.</p>
</div>
<div class="servics-card">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" class="u-svg-content" viewBox="0 0 58.995 58.995" x="0px" y="0px" id="svg-06f4" style="enable-background:new 0 0 58.995 58.995;"><path d="M39.927,41.929c-0.524,0.524-0.975,1.1-1.365,1.709l-17.28-10.489c0.457-1.144,0.716-2.388,0.716-3.693
c0-1.305-0.259-2.549-0.715-3.693l17.284-10.409C40.342,18.142,43.454,20,46.998,20c5.514,0,10-4.486,10-10s-4.486-10-10-10
s-10,4.486-10,10c0,1.256,0.243,2.454,0.667,3.562L20.358,23.985c-1.788-2.724-4.866-4.529-8.361-4.529c-5.514,0-10,4.486-10,10
s4.486,10,10,10c3.495,0,6.572-1.805,8.36-4.529L37.661,45.43c-0.43,1.126-0.664,2.329-0.664,3.57c0,2.671,1.04,5.183,2.929,7.071
c1.949,1.949,4.51,2.924,7.071,2.924s5.122-0.975,7.071-2.924c1.889-1.889,2.929-4.4,2.929-7.071s-1.04-5.183-2.929-7.071
C50.169,38.029,43.826,38.029,39.927,41.929z M46.998,2c4.411,0,8,3.589,8,8s-3.589,8-8,8s-8-3.589-8-8S42.586,2,46.998,2z
M11.998,37.456c-4.411,0-8-3.589-8-8s3.589-8,8-8s8,3.589,8,8S16.409,37.456,11.998,37.456z M52.654,54.657
c-3.119,3.119-8.194,3.119-11.313,0c-1.511-1.511-2.343-3.521-2.343-5.657s0.832-4.146,2.343-5.657
c1.56-1.56,3.608-2.339,5.657-2.339s4.097,0.779,5.657,2.339c1.511,1.511,2.343,3.521,2.343,5.657S54.166,53.146,52.654,54.657z"></path></svg>
<h3>Social Media</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit nullam nunc justo sagittis suscipit ultrices.</p>
</div>
<div class="servics-card">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" class="u-svg-content" viewBox="0 0 479.679 479.679" x="0px" y="0px" id="svg-aca8" style="enable-background:new 0 0 479.679 479.679;"><g><g><g><path d="M455.679,162.981h-46.032l-12.92-97.488c-1.85-13.089-13.87-22.266-26.984-20.6L20.839,91.133 c-6.323,0.848-12.049,4.178-15.912,9.256c-3.88,5.044-5.574,11.433-4.704,17.736l29.44,222.024 c1.564,11.957,11.757,20.897,23.816,20.888c1.033-0.002,2.064-0.072,3.088-0.208l23.112-3.048v53.2c0,13.255,10.745,24,24,24h352 c13.255,0,24-10.745,24-24v-224C479.679,173.726,468.934,162.981,455.679,162.981z M393.511,162.981h-62.472l61.392-8.136 L393.511,162.981z M16.063,115.965c-0.281-2.088,0.289-4.202,1.584-5.864c1.287-1.711,3.206-2.835,5.328-3.12l348.84-46.224 c4.387-0.556,8.411,2.504,9.048,6.88l3.16,23.824l-364.8,48.376L16.063,115.965z M79.679,341.645l-25.168,3.32 c-4.38,0.582-8.402-2.497-8.984-6.877c0-0.001,0-0.002,0-0.003L27.679,203.221l52-6.872V341.645z M80.735,180.077l-55.2,7.28 l-4.2-31.648l364.8-48.384l2.4,18.336l1.776,13.32l-181.032,24h-105.6C93.099,163,83.779,169.944,80.735,180.077z M463.679,410.981c0,4.418-3.582,8-8,8h-352c-4.418,0-8-3.582-8-8v-223.76c0-0.08,0.04-0.16,0.04-0.24c0-4.418,3.582-8,8-8 h351.96c4.418,0,8,3.582,8,8V410.981z"></path><path d="M351.247,283.166c3.216-2.374,6.059-5.216,8.432-8.432c13.153,17.705,38.169,21.395,55.874,8.241 c17.705-13.153,21.395-38.169,8.241-55.874c-7.547-10.158-19.461-16.138-32.115-16.12c-12.64,0.035-24.513,6.064-32,16.248 c-13.118-17.775-38.161-21.55-55.937-8.432c-17.775,13.118-21.55,38.161-8.432,55.937 C308.428,292.508,333.472,296.284,351.247,283.166z M391.679,226.981c13.255,0,24,10.745,24,24s-10.745,24-24,24 s-24-10.745-24-24S378.424,226.981,391.679,226.981z M327.679,226.981c13.255,0,24,10.745,24,24s-10.745,24-24,24 s-24-10.745-24-24S314.424,226.981,327.679,226.981z"></path><rect x="127.679" y="218.981" width="16" height="16"></rect><rect x="159.679" y="218.981" width="96" height="16"></rect><rect x="127.679" y="250.981" width="128" height="16"></rect><path d="M423.679,322.981h-288c-4.418,0-8,3.582-8,8v48c0,4.418,3.582,8,8,8h288c4.418,0,8-3.582,8-8v-48 C431.679,326.563,428.098,322.981,423.679,322.981z M415.679,370.981h-272v-32h272V370.981z"></path></svg>
<h3>Ecommerse</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit nullam nunc justo sagittis suscipit ultrices.</p>
</div>
</div>
<div class="tac">
<a href="#" class="btn-white" style="margin: 3em 0;">LEARN MORE</a>
</div>
</section>
<!-- Learn More Section Start -->
<section class="learn-more df">
<div class="w50">
<h2>We engage positive communication</h2>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.
</p>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<a href="#" class="btn-white" >LEARN MORE</a>
</div>
<div class="w50">
<img src="images/two-man.jpg" alt="">
</div>
</section>
<!-- Get know Section Start -->
<section class="get-know">
<div class="container ">
<h2>Get to know today!</h2>
<div class="sameline df jcsb">
<p>Sample text. Lorem ipsum dolor sit amet, consectetur adipiscing elit nullam nunc justo sagittis suscipit ultrices.</p>
<a href="#" class="btn-white">READ MORE</a>
</div>
</div>
</section>
<!-- Business and Marketing seciton start -->
<section class="b-and-m">
<div class="tac">
<h2 style="font-size: 2em; margin-top: 1em;">Business And Marketing</h2>
<p style="margin-bottom: 8em;">ullam mauris nibh, pellentesque quis tincidunt eu, tincidunt sed nulla, sit amet tristique elit finibus.</p>
<div class="btn" style="font-size: 1em; border-radius: 0; padding: .5em 2em;">VIEW MORE</div>
</div>
</section>
<!-- footer section -->
<footer>
© <a href="https://facebook.com/Chalehin">Soriful Chalehin</a>, and freepic.
</footer>
<script src="assets/js/main.js"></script>
</body>
</html>