├── 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 ├── logos ├── Ebay.svg ├── Rakuten.svg ├── Walmart.svg ├── Amazon.svg ├── Alibaba.svg ├── Daraz.pk Logo.svg └── Target.svg ├── css └── style.css └── index.html /images/mic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/influencer-gear/HEAD/images/mic.png -------------------------------------------------------------------------------- /images/drone.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/influencer-gear/HEAD/images/drone.png -------------------------------------------------------------------------------- /images/gear.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/influencer-gear/HEAD/images/gear.png -------------------------------------------------------------------------------- /images/setup.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/influencer-gear/HEAD/images/setup.png -------------------------------------------------------------------------------- /images/action.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/influencer-gear/HEAD/images/action.png -------------------------------------------------------------------------------- /images/airpod.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/influencer-gear/HEAD/images/airpod.png -------------------------------------------------------------------------------- /images/camera.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/influencer-gear/HEAD/images/camera.png -------------------------------------------------------------------------------- /images/lights.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/influencer-gear/HEAD/images/lights.png -------------------------------------------------------------------------------- /images/tripod.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/influencer-gear/HEAD/images/tripod.png -------------------------------------------------------------------------------- /images/main-camera.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/influencer-gear/HEAD/images/main-camera.png -------------------------------------------------------------------------------- /images/single-light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asif-daffodil/influencer-gear/HEAD/images/single-light.png -------------------------------------------------------------------------------- /images/Circle design.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /logos/Ebay.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /logos/Rakuten.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /logos/Walmart.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /logos/Amazon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /logos/Alibaba.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Manrope:wght@700&family=Poppins:wght@500;600;700&family=Roboto:wght@700&display=swap"); 2 | 3 | * { 4 | margin: 0; 5 | padding: 0; 6 | box-sizing: border-box; 7 | } 8 | 9 | :root { 10 | --text-color: #3a3a3a; 11 | --text-bold: 700; 12 | --text-semibold: 600; 13 | --btn-color: #e02c6d; 14 | } 15 | 16 | header { 17 | padding-top: 70px; 18 | } 19 | 20 | section, 21 | nav { 22 | max-width: 1200px; 23 | margin: auto; 24 | } 25 | 26 | a { 27 | text-decoration: none; 28 | } 29 | 30 | nav { 31 | display: grid; 32 | grid-template-columns: repeat(2, 1fr); 33 | margin-bottom: 48px; 34 | } 35 | 36 | nav > .t-bar { 37 | display: none; 38 | } 39 | 40 | nav > .logo { 41 | font-family: "Poppins", sans-serif; 42 | font-weight: var(--text-bold); 43 | font-size: 24px; 44 | line-height: 36px; 45 | color: var(--text-color); 46 | } 47 | 48 | nav > .logo:hover { 49 | color: var(--btn-color); 50 | } 51 | 52 | .menu { 53 | list-style: none; 54 | display: flex; 55 | justify-content: flex-end; 56 | text-align: right; 57 | } 58 | 59 | .menu > li { 60 | list-style-position: inside; 61 | } 62 | 63 | .menu > li > a { 64 | font-family: "Poppins", sans-serif; 65 | font-size: 16px; 66 | font-weight: var(--text-semibold); 67 | display: block; 68 | padding-left: 34px; 69 | line-height: 36px; 70 | color: var(--text-color); 71 | white-space: nowrap; 72 | } 73 | 74 | .menu > li > a:hover { 75 | color: var(--btn-color); 76 | } 77 | 78 | .banner { 79 | display: flex; 80 | min-height: 475px; 81 | } 82 | 83 | .banner > div > h1 { 84 | font-size: 52px; 85 | font-weight: var(--text-bold); 86 | font-family: "Poppins", sans-serif; 87 | color: var(--text-color); 88 | line-height: 70px; 89 | margin-bottom: 16px; 90 | } 91 | 92 | .banner > div > p { 93 | font-size: 16px; 94 | font-weight: var(--text-semibold); 95 | font-family: "Poppins", sans-serif; 96 | color: var(--text-color); 97 | margin-bottom: 16px; 98 | } 99 | 100 | .banner > div > button { 101 | font-size: 16px; 102 | font-weight: var(--text-semibold); 103 | font-family: "Poppins", sans-serif; 104 | color: #fff; 105 | background: var(--btn-color); 106 | border-width: 0; 107 | width: 196px; 108 | height: 44px; 109 | border-radius: 41px; 110 | cursor: pointer; 111 | } 112 | 113 | .banner > div > button:hover { 114 | background: #e01d9f; 115 | } 116 | 117 | .banner > div > img { 118 | max-width: 440px; 119 | display: block; 120 | margin-left: auto; 121 | } 122 | 123 | .banner > div:first-child { 124 | display: flex; 125 | flex-direction: column; 126 | justify-content: center; 127 | width: 100%; 128 | } 129 | 130 | .banner > div:last-child { 131 | background: url("../images/Circle\ design.svg") no-repeat center right / 475px 132 | 475px; 133 | width: 100%; 134 | } 135 | 136 | .logos { 137 | display: flex; 138 | justify-content: center; 139 | flex-wrap: wrap; 140 | margin: 70px auto; 141 | border: solid; 142 | border-image: linear-gradient( 143 | 90deg, 144 | rgba(192, 204, 218, 0.1) 0%, 145 | rgba(192, 204, 218, 0.6) 50.38%, 146 | rgba(192, 204, 218, 0.1) 100% 147 | ); 148 | border-image-slice: 5; 149 | } 150 | 151 | .logos > img { 152 | margin: 30px; 153 | } 154 | 155 | .popular-collection > h2 { 156 | font-size: 28px; 157 | font-family: "Poppins", sans-serif; 158 | font-weight: var(--text-semibold); 159 | text-align: center; 160 | line-height: 70px; 161 | color: var(--text-color); 162 | } 163 | 164 | .collections { 165 | display: grid; 166 | grid-template-columns: repeat(3, 1fr); 167 | grid-gap: 30px; 168 | max-width: 1048px; 169 | margin: auto; 170 | margin-bottom: 50px; 171 | } 172 | 173 | .collection { 174 | padding: 18px; 175 | background: #fff; 176 | filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); 177 | border-radius: 6px; 178 | } 179 | 180 | .collection > img { 181 | width: 100%; 182 | } 183 | 184 | .collection > h2 { 185 | font-size: 28px; 186 | font-family: "Poppins", sans-serif; 187 | font-weight: 500; 188 | color: #18191f; 189 | cursor: pointer; 190 | } 191 | 192 | .collection > h2:hover { 193 | color: var(--btn-color); 194 | } 195 | 196 | .collection > h3 { 197 | font-size: 24px; 198 | font-family: "Inter", sans-serif; 199 | font-weight: 400; 200 | line-height: 150%; 201 | } 202 | 203 | .star { 204 | list-style: none; 205 | display: inline; 206 | } 207 | 208 | .star > li { 209 | list-style-position: inside; 210 | display: inline-block; 211 | } 212 | 213 | .star > li > a { 214 | font-size: 14px; 215 | color: #fb8200; 216 | } 217 | 218 | .collection > span { 219 | font-size: 14px; 220 | color: #5e6366; 221 | font-family: "Roboto", sans-serif; 222 | font-weight: var(--text-bold); 223 | } 224 | 225 | .collection-details { 226 | list-style: none; 227 | margin-top: 6px; 228 | } 229 | 230 | .collection-details > li { 231 | font-family: "Inter", sans-serif; 232 | font-size: 14px; 233 | font-weight: var(--text-bold); 234 | color: #787885; 235 | } 236 | 237 | .my-section { 238 | max-width: 1048px; 239 | margin: 60px auto; 240 | text-align: center; 241 | font-family: "Poppins", sans-serif; 242 | color: var(--text-color); 243 | display: grid; 244 | grid-template-columns: repeat(3, 1fr); 245 | } 246 | 247 | .my-section > div { 248 | padding: 0 15px; 249 | } 250 | 251 | .my-section > div > i { 252 | font-size: 36px; 253 | width: 100px; 254 | line-height: 100px; 255 | border: 1px solid var(--btn-color); 256 | border-radius: 50%; 257 | color: var(--btn-color); 258 | cursor: pointer; 259 | } 260 | 261 | .my-section > div > i:hover { 262 | color: #fff; 263 | background: var(--btn-color); 264 | } 265 | 266 | .my-section > div > h2 { 267 | font-weight: var(--text-bold); 268 | font-size: 24px; 269 | margin-top: 8px; 270 | } 271 | 272 | .my-section > div > h3 { 273 | font-weight: var(--text-semibold); 274 | font-size: 18px; 275 | margin-bottom: 8px; 276 | } 277 | 278 | .my-section > div > p { 279 | font-weight: var(--text-semibold); 280 | font-size: 14px; 281 | color: #777; 282 | } 283 | 284 | .my-section > div:nth-child(2) { 285 | border-left: 1px solid var(--btn-color); 286 | border-right: 1px solid var(--btn-color); 287 | } 288 | 289 | footer { 290 | width: 100%; 291 | background: #000; 292 | text-align: center; 293 | padding: 50px 0; 294 | } 295 | 296 | footer > h2 { 297 | font-family: "Poppins", sans-serif; 298 | font-weight: var(--text-bold); 299 | font-size: 24px; 300 | color: #fff; 301 | } 302 | 303 | footer > p { 304 | font-family: "Manrope", sans-serif; 305 | font-weight: var(--text-bold); 306 | font-size: 14px; 307 | color: #d9dbe1; 308 | line-height: 24px; 309 | } 310 | 311 | footer > .social-nav { 312 | display: flex; 313 | justify-content: center; 314 | margin-top: 18px; 315 | } 316 | 317 | footer > .social-nav > li { 318 | list-style: none; 319 | list-style-position: inside; 320 | width: 32px; 321 | border-radius: 50%; 322 | background: #aaaaaa; 323 | margin: 0 8px; 324 | } 325 | 326 | footer > .social-nav > li:hover { 327 | background: var(--btn-color); 328 | } 329 | 330 | footer > .social-nav > li > a { 331 | color: #fff; 332 | line-height: 32px; 333 | } 334 | 335 | @media screen and (max-width: 768px) { 336 | body { 337 | padding: 0 20px; 338 | } 339 | nav { 340 | display: flex; 341 | justify-content: space-between; 342 | align-items: center; 343 | } 344 | nav > .t-bar { 345 | display: inline-block; 346 | } 347 | 348 | nav > .logo { 349 | display: inline-block; 350 | font-size: 16px; 351 | } 352 | 353 | nav > .menu > li:not(:last-child) { 354 | display: none; 355 | } 356 | 357 | nav > .menu > li > a { 358 | padding: 0; 359 | } 360 | 361 | .banner { 362 | flex-direction: column-reverse; 363 | text-align: center; 364 | } 365 | 366 | .banner > div > h1 { 367 | font-size: 28px; 368 | line-height: 32px; 369 | } 370 | 371 | .banner > div > p { 372 | font-size: 14px; 373 | } 374 | 375 | .banner > div > button { 376 | margin: auto; 377 | } 378 | 379 | .banner > div:last-child { 380 | background-position: center; 381 | background-size: 80%; 382 | margin-bottom: 40px; 383 | padding: 20px 0; 384 | } 385 | 386 | .banner > div > img { 387 | width: 80%; 388 | margin: auto; 389 | } 390 | .logos { 391 | justify-content: space-evenly; 392 | flex-wrap: wrap; 393 | } 394 | .logos > img { 395 | max-width: auto; 396 | margin: 10px; 397 | width: 15%; 398 | } 399 | 400 | .collections { 401 | grid-template-columns: 1fr; 402 | } 403 | 404 | .my-section { 405 | grid-template-columns: 1fr; 406 | } 407 | 408 | .my-section > div:nth-child(2) { 409 | border-width: 0; 410 | margin: 20px 0; 411 | } 412 | .collection > span { 413 | font-weight: 500; 414 | } 415 | 416 | .collection-details > li { 417 | font-weight: 400; 418 | display: inline; 419 | } 420 | 421 | footer { 422 | min-height: 300px; 423 | } 424 | } 425 | -------------------------------------------------------------------------------- /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-Gear 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 27 | 41 |
42 | 43 |
44 | 45 |
46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 |
54 | 55 | 56 |
57 |

Popular Collection

58 |
59 |
60 | 61 |

Flex Tripod

62 |

$50.48

63 |
    64 |
    • 65 |
    • 66 |
    • 67 |
    • 68 |
    • 69 |
70 | 4.99 71 |
    72 |
  • Wordwide shifting
    • 73 |
  • available
    • 74 |
  • Buyers protection possible!
    • 75 |
76 |
77 |
78 | 79 |

microphone

80 |

$120.25

81 |
    82 |
    • 83 |
    • 84 |
    • 85 |
    • 86 |
    • 87 |
88 | 4.99 89 |
    90 |
  • Wordwide shifting
    • 91 |
  • available
    • 92 |
  • Buyers protection possible!
    • 93 |
94 |
95 |
96 | 97 |

Airbuds

98 |

$100.00

99 |
    100 |
    • 101 |
    • 102 |
    • 103 |
    • 104 |
    • 105 |
106 | 4.99 107 |
    108 |
  • Wordwide shifting
    • 109 |
  • available
    • 110 |
  • Buyers protection possible!
    • 111 |
112 |
113 |
114 | 115 |

Drone

116 |

$980.25

117 |
    118 |
    • 119 |
    • 120 |
    • 121 |
    • 122 |
    • 123 |
124 | 4.99 125 |
    126 |
  • Wordwide shifting
    • 127 |
  • available
    • 128 |
  • Buyers protection possible!
    • 129 |
130 |
131 |
132 | 133 |

Light Setup

134 |

$1200.00

135 |
    136 |
    • 137 |
    • 138 |
    • 139 |
    • 140 |
    • 141 |
142 | 4.99 143 |
    144 |
  • Wordwide shifting
    • 145 |
  • available
    • 146 |
  • Buyers protection possible!
    • 147 |
148 |
149 |
150 | 151 |

Photoshoot set

152 |

$820.40

153 |
    154 |
    • 155 |
    • 156 |
    • 157 |
    • 158 |
    • 159 |
160 | 4.99 161 |
    162 |
  • Wordwide shifting
    • 163 |
  • available
    • 164 |
  • Buyers protection possible!
    • 165 |
166 |
167 |
168 | 169 |

Vlogging Camera

170 |

$1800.80

171 |
    172 |
    • 173 |
    • 174 |
    • 175 |
    • 176 |
    • 177 |
178 | 4.99 179 |
    180 |
  • Wordwide shifting
    • 181 |
  • available
    • 182 |
  • Buyers protection possible!
    • 183 |
184 |
185 |
186 | 187 |

Green Screen

188 |

$25.48

189 |
    190 |
    • 191 |
    • 192 |
    • 193 |
    • 194 |
    • 195 |
196 | 4.99 197 |
    198 |
  • Wordwide shifting
    • 199 |
  • available
    • 200 |
  • Buyers protection possible!
    • 201 |
202 |
203 |
204 | 205 |

Action Camera

206 |

$380.00

207 |
    208 |
    • 209 |
    • 210 |
    • 211 |
    • 212 |
    • 213 |
214 | 4.99 215 |
    216 |
  • Wordwide shifting
    • 217 |
  • available
    • 218 |
  • Buyers protection possible!
    • 219 |
220 |
221 |
222 |
223 | 224 | 225 |
226 |
227 |
228 | 229 |

CUSTOMER SUPPORT

230 |

Need Assistence?

231 |

232 | 24/7 customer support is available. You cant contact with us with email, online-chat and over the phone. We always appreciate your feedback and suggestions. If, you have any complain, we will fix within 24 hours 233 |

234 |
235 |
236 | 237 |

SECURED PAYMENT

238 |

Safe & Fast

239 |

240 | Our payment method is 100% secured. You can pay with us with paypal, visa, mastercard, AMEX, payoneer, bKash, nagad and other related payment method. Cash-on-delivery system is also available. 241 |

242 |
243 |
244 | 245 |

RETURNS

246 |

Easy & Free

247 |

248 | If you don't like our products, or if there's any problem/defect in the product, you can return the product within 14 days without any cost. Our return system is very easy. you just need to call us and that's all! 249 |

250 |
251 | 252 |
253 | 280 |
281 | 282 | -------------------------------------------------------------------------------- /logos/Target.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | --------------------------------------------------------------------------------