×

注意!页面内容来自https://ioffer.com/about_us,本站不储存任何内容,为了更好的阅读体验进行在线解析,若有广告出现,请及时反馈。若您觉得侵犯了您的利益,请通知我们进行删除,然后访问 原网页

<> /* About Us Page Styles */ body { font-family: 'Inter'sans-serif; margin: 0; background-color: #0d0d0d; } .about-hero { position: relative; width: 100%; height: 100vh; /* Handle mobile browser bars */ height: 100dvh; overflow: hidden; display: flex; align-items: flex-end; justify-content: center; background-color: #000; /* Solid background behind everything */ } .about-hero img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center bottom; filter: brightness(0.95); z-index: 1; transition: object-position 0.3s ease; } .about-hero-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: flex; align-items: flex-end; justify-content: center; /* Default Desktop Gradient */ background: linear-gradient(to top, rgba(0001.3) 0%, rgba(0000.4) 15%, rgba(0000.2) 60%, rgba(0000.0) 100% ); padding-bottom: 80px; box-sizing: border-box; text-align: left; } .about-hero-text > div { max-width: 1000px; margin: 0 auto; padding: 0 25px; } .about-hero-text p { font-family: 'Inter'sans-serif; font-size: 1.15em; margin-bottom: 20px; color: white; max-width: 800px; line-height: 1.7; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); } .about-hero-text p:first-of-type { font-size: 1.3em; font-weight: 700; margin-top: 0; margin-bottom: 30px; } .about-hero-text p:last-of-type { margin-bottom: 0; font-weight: 700; } /* --- REVIEWS SECTION --- */ .reviews-section { background-color: #0d0d0d; padding: 120px 20px 60px 20px; margin: 0; margin-top: -2px; display: block; border: none; } .reviews-section h2 { color: #fbbf24; text-align: center; margin-bottom: 40px; font-size: 2em; } .review-card { background: #262626; border: 1px solid #333; border-radius: 8px; padding: 20px; margin-bottom: 20px; max-width: 800px; margin-left: auto; margin-right: auto; color: white; cursor: pointer; transition: transform 0.2s easeborder-color 0.2s ease; text-decoration: none; display: block; } .review-card:hover { transform: translateY(-3px); border-color: #555; } .review-header { display: flex; align-items: center; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #444; } .review-avatar { width: 50px; height: 50px; border-radius: 50%; margin-right: 15px; } .review-location { color: #999; font-size: 0.9em; } .review-location svg { width: 24px; height: auto; margin-right: 5px; } .review-purchases { margin-left: auto; background: rgba(591302460.1); color: #3b82f6; padding: 5px 10px; border-radius: 4px; text-decoration: none; font-size: 0.9em; } .review-stars { color: #fbbf24; margin-bottom: 10px; } .review-text { line-height: 1.6; color: #ddd; } /* --- MOBILE ADJUSTMENTS (TEXT ON IMAGE + GRADIENT) --- */ @media (max-width: 767px) { .about-hero { display: flex; flex-direction: column; justify-content: flex-start; background-color: #000; height: auto; } .about-hero img { position: relative; /* Slightly taller to allow for the overlap */ height: 40vh; width: 100%; object-position: top center; z-index: 1; } .about-hero-text { position: relative; height: auto; flex: none; top: auto; bottom: auto; /* Pull UP significantly to overlap the image */ margin-top: -20vh; /* Padding adjustment: Push text down slightly so it starts inside the gradient area, but not so much that it leaves the image overlap area. */ padding-top: 60px; padding-bottom: 20px; /* Gradient: Transparent -> Semi-Black -> Solid Black This ensures the image shows through behind the top text */ background: linear-gradient(to bottom transparent 0% rgba(0,0,0,0.1) 10% #000 50% #000 100% ); align-items: flex-start; } .about-hero-text > div { padding: 0 20px; width: 100%; } .about-hero-text p { font-size: 1.05em; line-height: 1.5; /* Added shadow back so text pops against the image background */ text-shadow: 0 2px 10px rgba(0,0,0,0.8); color: #e0e0e0; } .about-hero-text p:first-of-type { font-size: 1.25em; margin-bottom: 15px; color: #fff; } .reviews-section { padding-top: 0px; padding-bottom: 40px; } .reviews-section h2 { margin-top: 20px; } } /* --- DESKTOP ADJUSTMENTS (UNCHANGED) --- */ @media (min-width: 768px) { .about-hero img { object-position: center center; } .about-hero-text p { font-size: 1.1em; } } @media (min-width: 1024px) { .about-hero img { object-position: center 35%; } .about-hero-text p { font-size: 1.2em; } } @media (min-width: 1440px) { .about-hero img { object-position: center 30%; } .about-hero-text p { font-size: 1.3em; } } /* --- BOTTOM SEARCH SECTION --- */ .bottom-search-section { background-color: #0d0d0d; padding: 60px 20px; border-top: 1px solid #333; } .bottom-search-section h2 { color: #fbbf24; font-size: 2em; margin-bottom: 30px; font-weight: 700; text-align: center; } .bottom-search-section .search-container { background-color: white; border-radius: 50px; padding: 12px 24px; display: flex; align-items: center; max-width: 600px; margin: 0 auto; box-shadow: 0 4px 12px rgba(0000.3); } .bottom-search-section .inline-search-box { flex: 1; font-size: 16px; outline: none; } .bottom-search-section .inline-search-box::placeholder { color: #999; } @media (max-width: 768px) { .bottom-search-section { padding: 40px 20px; } .bottom-search-section h2 { font-size: 1.5em; } }
About iOffer

Born on the gritty streets of San Francisco in 2002. We're here for the hustlersdreamersand creators who refuse to conformwho break rules to shape the future.

We're not a faceless corporate giant. We're a crew of rule breakersinspired by hip-hop beatsskate scarsand the unrelenting grind of urban life. Rooted in an anti-conformist hacker ethosiOffer was built for those who see the world differentlythose who live to disrupt and innovate.

With over 100 million itemswe're your digital block—where the street thriveshustle rulesand rawness is non-negotiable. Get that fix you can't get elsewhereiOffer is your home for everything raw.

The system wasn't built for usso we built our own. Thanks for being part of the rebellion. Let's keep hacking the culture and building the future.

Word on the Block

Avatar
Arika Brunk
DenverCO
10 Purchases
★★★★★

just scored this bag off ioffer and omg i’m obsessed 😍 the build quality is crazy good — the stitching feels super solid and everything’s put together so clean 🧵 the is low‑key classy and somehow matches like half my closet lol. the adjustable strap is clutch toomakes it easy to wear around denver without fussing with it. seriouslyloving this find 💕

Avatar
Asma Gomes
MiramasFrance
16 Purchases
★★★★★

Trop fan de mes nouvelles baskets reçues sur ioffer.comelles rendent encore mieux en vrai 😍. Le combo couleurs fait grave été et je sens que mes amies vont kiffer quand je les sortirai en ville. Ultra confort pour traîner à Miramascomme d’hab avec mes achats ici (je dois en être à 16 😅). Franchementmes friends vont love this 👟✨

Avatar
Angus Then
SydneyAU
9 Purchases
★★★★☆

MateI’ve made nine orders on ioffer.com now and honestly these kicks were one of my favourites — perfect fitsuper comfyand the red‑and‑white combo looks even better in real life. The seller was unreal with communicationkept me in the loop the whole waywhich is pretty much been my experience on the site every time. If you’re into sneakersI’d rate giving ioffer.com a go.

Avatar
d****[email protected]
BirkirkaraMT
16 Purchases
★★★★★

Broif you’re checking out ioffer.comjust know I’ve already smashed through 16 orders and I’m still buzzing 😂 The pink tee I grabbed is honestly a game changer — the tropical leaf design just pops and it legit feels like wearing a soft cloud 😅 Fits perfect toonot tightnot baggyjust right. Honestlycan’t recommend the site enoughit’s been solid every time 🙌🌴

Avatar
Daquan Peláez
PhoenixAZ
10 Purchases
★★★★★

BroI grabbed these kicks off this site and wowtotal showstopper 😎 The skull logo and that edgy vibe look sickand they fit perfect — walked around downtown Phoenix all day and my feet were chill the whole time. After like 10 orders nowI’m honestly impressed every time. Definitely worth the cash 👟🔥

Find What You're Looking For