├── images ├── images.png ├── images │ ├── mic.png │ ├── drone.png │ ├── gear.png │ ├── setup.png │ ├── action.png │ ├── airpod.png │ ├── camera.png │ ├── lights.png │ ├── tripod.png │ ├── main-camera.png │ ├── single-light.png │ └── Circle design.svg ├── web-icon.png └── logos │ ├── Ebay.svg │ ├── Rakuten.svg │ ├── Walmart.svg │ ├── Amazon.svg │ ├── Alibaba.svg │ ├── Daraz.pk Logo.svg │ └── Target.svg ├── css └── style.css └── index.html /images/images.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Influencer-Product/HEAD/images/images.png -------------------------------------------------------------------------------- /images/images/mic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Influencer-Product/HEAD/images/images/mic.png -------------------------------------------------------------------------------- /images/web-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Influencer-Product/HEAD/images/web-icon.png -------------------------------------------------------------------------------- /images/images/drone.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Influencer-Product/HEAD/images/images/drone.png -------------------------------------------------------------------------------- /images/images/gear.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Influencer-Product/HEAD/images/images/gear.png -------------------------------------------------------------------------------- /images/images/setup.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Influencer-Product/HEAD/images/images/setup.png -------------------------------------------------------------------------------- /images/images/action.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Influencer-Product/HEAD/images/images/action.png -------------------------------------------------------------------------------- /images/images/airpod.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Influencer-Product/HEAD/images/images/airpod.png -------------------------------------------------------------------------------- /images/images/camera.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Influencer-Product/HEAD/images/images/camera.png -------------------------------------------------------------------------------- /images/images/lights.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Influencer-Product/HEAD/images/images/lights.png -------------------------------------------------------------------------------- /images/images/tripod.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Influencer-Product/HEAD/images/images/tripod.png -------------------------------------------------------------------------------- /images/images/main-camera.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Influencer-Product/HEAD/images/images/main-camera.png -------------------------------------------------------------------------------- /images/images/single-light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hazrat-Ali9/Influencer-Product/HEAD/images/images/single-light.png -------------------------------------------------------------------------------- /images/images/Circle design.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /images/logos/Ebay.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /images/logos/Rakuten.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /images/logos/Walmart.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /images/logos/Amazon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /images/logos/Alibaba.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | } 5 | a{ 6 | text-decoration: none; 7 | } 8 | ul,ol{ 9 | list-style-type: none; 10 | } 11 | body{ 12 | font-family: 'Poppins', sans-serif; 13 | } 14 | 15 | /* common part end */ 16 | 17 | /* ------------------- 18 | manu part start 19 | ---------------------- */ 20 | header{ 21 | margin-bottom: 40px; 22 | } 23 | .menu{ 24 | display: flex; 25 | justify-content: space-around; 26 | align-items: center; 27 | padding-top: 60px; 28 | 29 | } 30 | .logo a{ 31 | color: #3A3A3A; 32 | } 33 | .menu_item>ul{ 34 | padding-left: 50px; 35 | } 36 | .menu_item ul li{ 37 | display: inline-block; 38 | 39 | } 40 | .menu_item ul li a{ 41 | font-weight: 600; 42 | font-size: 16px; 43 | color: #3A3A3A; 44 | padding: 10px 20px; 45 | } 46 | .menu_item ul li a:hover{ 47 | background-color: #E02C6D; 48 | color: #fff; 49 | border-radius: 5px; 50 | transition: .5s; 51 | } 52 | .icon i{ 53 | margin-left: 20px; 54 | width: 24px; 55 | height: 24px; 56 | color: #3A3A3A; 57 | transition: .5s; 58 | } 59 | .icon i:hover{ 60 | transform: scale(2); 61 | color: #E02C6D; 62 | } 63 | 64 | /* ------------------- 65 | manu part end 66 | ---------------------- */ 67 | 68 | 69 | /* -------------------------- 70 | Influencer part start 71 | ----------------------------- */ 72 | 73 | #influencer{ 74 | display: grid; 75 | grid-template-columns: repeat(2, 1fr); 76 | grid-column-gap: 50px; 77 | align-items: center; 78 | 79 | } 80 | 81 | .text h1{ 82 | font-size: 50px; 83 | font-weight: 700; 84 | color: #3A3A3A; 85 | } 86 | .text p{ 87 | font-size: 16px; 88 | font-weight: 500; 89 | color: #3A3A3A; 90 | padding-bottom: 20px; 91 | } 92 | .text a{ 93 | background-color: #E02C6D; 94 | color: #fff; 95 | border-radius: 40px; 96 | padding: 10px 30px; 97 | font-size: 16px; 98 | font-weight: 400; 99 | } 100 | .text a:hover{ 101 | background-color: #0077b5; 102 | transition: .5s; 103 | } 104 | .text i{ 105 | margin-left: 8px; 106 | } 107 | .image{ 108 | background-image: url(../images/images/Circle\ design.svg); 109 | background-repeat: no-repeat; 110 | margin-top: 50px; 111 | height: 100%; 112 | width: 100%; 113 | 114 | } 115 | .image img{ 116 | width: 440px; 117 | height: 414px; 118 | margin-top: 30px; 119 | margin-left: 15px; 120 | } 121 | /* -------------------------- 122 | Influencer part start 123 | ----------------------------- */ 124 | 125 | /* --------------------- 126 | logo part start 127 | ----------------------- */ 128 | 129 | #brand_logo{ 130 | 131 | margin-top: 100px; 132 | } 133 | .container{ 134 | width: 1110px; 135 | margin: 0 auto; 136 | } 137 | .container hr{ 138 | border: 1px solid lightgrey; 139 | } 140 | .logos{ 141 | text-align: center; 142 | margin: 30px 0px; 143 | 144 | } 145 | .logos img{ 146 | margin: 0px 30px; 147 | transition: .5s; 148 | } 149 | .logos img:hover{ 150 | transform: scale(1.5); 151 | } 152 | 153 | 154 | /* ---------------------- 155 | logo part start 156 | ----------------------- */ 157 | 158 | 159 | /* ---------------------- 160 | Populer part start 161 | ----------------------- */ 162 | 163 | #populer h3{ 164 | text-align: center; 165 | margin: 100px 0px; 166 | font-weight: 600; 167 | font-size: 28px; 168 | color: #3A3A3A; 169 | 170 | } 171 | .populer_main{ 172 | display: grid; 173 | grid-template-columns: repeat(3,1fr); 174 | grid-row-gap: 60px; 175 | grid-column-gap: 20px; 176 | justify-items: center; 177 | } 178 | 179 | .full_part{ 180 | box-shadow: 5px 3px 10px 5px rgb(230, 230, 230); 181 | border-radius: 5px; 182 | transition: .5s; 183 | width: 100%; 184 | } 185 | .full_part:hover{ 186 | transform: scale(1.1); 187 | cursor: pointer; 188 | } 189 | .items img{ 190 | width: 100%; 191 | } 192 | .full_part .items h4{ 193 | font-weight: 500; 194 | font-size: 28px; 195 | color: #18191F; 196 | } 197 | .full_part .items h5{ 198 | font-weight: 500; 199 | font-size: 24px; 200 | color: #18191F; 201 | margin-top: 10px; 202 | } 203 | .full_part .stars_icon{ 204 | margin-left: 14px; 205 | 206 | } 207 | .full_part .stars_icon i{ 208 | color: orange; 209 | 210 | } 211 | .full_part .stars_icon span{ 212 | color: gray; 213 | font-weight: 500; 214 | 215 | } 216 | .full_part p{ 217 | width: 300px; 218 | margin: 14px; 219 | 220 | } 221 | 222 | .see_more{ 223 | margin-left: 960px; 224 | margin-top: 50px; 225 | 226 | } 227 | .see_more a{ 228 | color: #E02C6D; 229 | font-size: 16px; 230 | font-weight: 600; 231 | padding: 10px 20px; 232 | } 233 | .see_more a:hover{ 234 | background-color: #0077b5; 235 | color: #fff; 236 | transition: .5s; 237 | border-radius: 5px; 238 | } 239 | .see_more i{ 240 | margin-left: 10px; 241 | } 242 | 243 | 244 | /* ---------------------- 245 | Populer part end 246 | ----------------------- */ 247 | 248 | 249 | /* ---------------------- 250 | Featured part start 251 | ----------------------- */ 252 | 253 | .feature{ 254 | display: grid; 255 | grid-template-columns: repeat(2,1fr); 256 | justify-items: center; 257 | margin-top: 80px; 258 | 259 | } 260 | .feature_text h2{ 261 | font-size: 33px; 262 | font-weight: 700; 263 | color: #0A0826; 264 | } 265 | .feature_text p{ 266 | margin: 30px 0px; 267 | width: 500px; 268 | font-size: 16px; 269 | font-weight: 600; 270 | color: #6C6C6C; 271 | } 272 | .feature_text a{ 273 | color: #fff; 274 | background-color: #E02C6D; 275 | padding: 10px 30px; 276 | border-radius: 5px; 277 | } 278 | .feature_text a:hover{ 279 | background-color: #0077b5; 280 | transition: .5s; 281 | } 282 | .feature_text i{ 283 | padding-left: 10px; 284 | } 285 | /* ---------------------- 286 | Featured part end 287 | ----------------------- */ 288 | 289 | 290 | /* ---------------------- 291 | Footer part start 292 | ----------------------- */ 293 | 294 | footer{ 295 | height: 240px; 296 | width: 100%; 297 | background-color: #0A0826; 298 | margin-top: 100px; 299 | } 300 | .footer_text{ 301 | text-align: center; 302 | padding-top: 40px; 303 | } 304 | .footer_text h4{ 305 | color: #fff; 306 | font-size: 24px; 307 | font-weight: 700; 308 | } 309 | .footer_text p{ 310 | color: #fff; 311 | font-size: 16px; 312 | font-weight: 400; 313 | padding-top: 10px; 314 | line-height: 30px; 315 | } 316 | 317 | .footer_icons{ 318 | text-align: center; 319 | color: #fff; 320 | padding-top: 7px; 321 | 322 | } 323 | .footer_icons i{ 324 | height: 30px; 325 | width: 30px; 326 | background-color: #231f5d; 327 | border-radius: 50%; 328 | text-align: center; 329 | line-height: 30px; 330 | color: #fff; 331 | margin: 0px 5px; 332 | } 333 | .footer_icons i:hover{ 334 | background-color: #E02C6D; 335 | } 336 | 337 | 338 | /* ---------------------- 339 | Footer part end 340 | ----------------------- */ 341 | 342 | 343 | 344 | /* --------------------------- 345 | Media Quaries Responsive 346 | ----------------------------- */ 347 | 348 | 349 | /* mobile devices */ 350 | 351 | @media only screen and (max-width:688px) { 352 | .container{ 353 | width: 100%; 354 | } 355 | .menu{ 356 | display: none; 357 | } 358 | 359 | body{ 360 | overflow-x: hidden; 361 | } 362 | 363 | #influencer{ 364 | grid-template-columns: repeat(2, 1fr); 365 | grid-row-gap: 30px; 366 | 367 | } 368 | #brand_logo .container{ 369 | height: 350px; 370 | } 371 | .logos{ 372 | grid-template-columns: repeat(3, 1fr); 373 | grid-row-gap: 60px; 374 | } 375 | .populer_main{ 376 | grid-template-columns: repeat(2, 1fr); 377 | grid-column-gap: 60px; 378 | } 379 | .full_part { 380 | width: 100%; 381 | } 382 | #populer{ 383 | margin-top: 100px; 384 | } 385 | 386 | #populer h3{ 387 | text-align: center; 388 | } 389 | 390 | .see_more{ 391 | margin-left: 900px; 392 | margin-top: 50px; 393 | 394 | } 395 | 396 | .feature{ 397 | grid-column-gap: 50px; 398 | 399 | } 400 | 401 | .feature_text{ 402 | margin-left: 50px; 403 | } 404 | 405 | #footer{ 406 | 407 | width: 300%; 408 | margin-top: 100px; 409 | } 410 | 411 | } 412 | 413 | 414 | 415 | /* tab devices */ 416 | 417 | 418 | @media only screen and (min-width:688px) and (max-width:992px) { 419 | 420 | .menu{ 421 | display: none; 422 | } 423 | 424 | body{ 425 | overflow-x: hidden; 426 | } 427 | 428 | #influencer{ 429 | grid-template-columns: repeat(2, 1fr); 430 | grid-row-gap: 30px; 431 | grid-column-gap: 0px; 432 | } 433 | #brand_logo .container{ 434 | height: 350px; 435 | } 436 | .logos{ 437 | display: grid; 438 | grid-template-columns: repeat(4, 1fr); 439 | grid-row-gap: 60px; 440 | } 441 | .populer_main{ 442 | display: grid; 443 | grid-template-columns: repeat(2, 1fr); 444 | margin-top: 40px; 445 | 446 | } 447 | #populer{ 448 | margin-top: 100px; 449 | } 450 | #populer h3{ 451 | text-align: center; 452 | padding-left: 340px; 453 | } 454 | 455 | .see_more{ 456 | margin-left: 900px; 457 | margin-top: 50px; 458 | 459 | } 460 | .feature{ 461 | grid-column-gap: 50px; 462 | 463 | } 464 | .feature_text{ 465 | margin-left: 50px; 466 | } 467 | 468 | #footer{ 469 | 470 | width: 145%; 471 | margin-top: 100px; 472 | } 473 | 474 | } 475 | 476 | 477 | -------------------------------------------------------------------------------- /images/logos/Daraz.pk Logo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Influencer Project 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 27 | 28 |
29 | 52 |
53 | 54 | 57 | 58 | 59 | 62 | 63 |
64 |
65 |
66 |
67 |

Start your Journey as Influencer

68 |

Hello I'm a professional Influencer, I have more than 2 years exprience in this sector. If you want to work with me click the button below.

69 | Prebook Now 70 |
71 | 72 |
73 | 74 |
75 |
76 | 77 | 78 | 79 | 80 | 83 | 84 | 85 | 86 | 89 | 90 | 106 | 107 | 108 | 111 | 112 | 113 | 116 | 117 |
118 |

Popular Collection

119 | 120 |
121 | 122 |
123 | 124 |
125 |
126 | 127 |

Flex Tripod

128 |
$50.48
129 | 130 |
131 |
132 | 133 | 134 | 135 | 136 | 137 | 4.99 138 |
139 |

Wordwide shifting available Buyers protection possible!

140 |
141 | 142 |
143 |
144 | 145 |

Microphone

146 |
$120.25
147 | 148 |
149 |
150 | 151 | 152 | 153 | 154 | 155 | 4.99 156 |
157 |

Wordwide shifting available Buyers protection possible!

158 |
159 |
160 |
161 | 162 |

Airbuds

163 |
$100.00
164 | 165 |
166 |
167 | 168 | 169 | 170 | 171 | 172 | 4.99 173 |
174 |

Wordwide shifting available Buyers protection possible!

175 |
176 |
177 |
178 | 179 |

Drone

180 |
$980.25
181 | 182 |
183 |
184 | 185 | 186 | 187 | 188 | 189 | 4.99 190 |
191 |

Wordwide shifting available Buyers protection possible!

192 |
193 |
194 |
195 | 196 |

Light Setup

197 |
$1200.00
198 | 199 |
200 |
201 | 202 | 203 | 204 | 205 | 206 | 4.99 207 |
208 |

Wordwide shifting available Buyers protection possible!

209 |
210 |
211 |
212 | 213 |

Photoshoot set

214 |
$820.40
215 | 216 |
217 |
218 | 219 | 220 | 221 | 222 | 223 | 4.99 224 |
225 |

Wordwide shifting available Buyers protection possible!

226 |
227 |
228 |
229 | 230 |

Vlogging Camera

231 |
$1800.80
232 | 233 |
234 |
235 | 236 | 237 | 238 | 239 | 240 | 4.99 241 |
242 |

Wordwide shifting available Buyers protection possible!

243 |
244 |
245 |
246 | 247 |

Green Screen

248 |
$25.48
249 | 250 |
251 |
252 | 253 | 254 | 255 | 256 | 257 | 4.99 258 |
259 |

Wordwide shifting available Buyers protection possible!

260 |
261 |
262 |
263 | 264 |

Action Camera

265 |
$380.00
266 | 267 |
268 |
269 | 270 | 271 | 272 | 273 | 274 | 4.99 275 |
276 |

Wordwide shifting available Buyers protection possible!

277 |
278 | 279 |
280 | 281 |
282 | See More 283 |
284 | 285 |
286 |
287 | 288 | 289 | 292 | 293 | 294 | 295 | 298 | 299 | 300 |
301 | 316 |
317 | 318 | 319 | 322 | 323 | 324 | 325 | 326 | -------------------------------------------------------------------------------- /images/logos/Target.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | --------------------------------------------------------------------------------