123

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <!DOCTYPE html>
<html class="ih-public ih-catalog cc-us en info about core-app wf-lato-n4-inactive wf-inactive" lang="en" dir="ltr">
<head>
<title></title>

</head>
<body><div class="about-us ">
    <div class="container">
        <div class="row">

            


        </div>
    </div>
    <div class="about-us-page">
<div class="about-main-head text-center bottom-spacing">
    <div class="main-text header big">
        Offering the best value in the world for natural products.
    </div>
    <div class="secondary-text">
        In business since 1996, iHerb is run from multiple <a href="/info/storage-facilities" target="_blank">distribution centers</a> in the United States and Asia
    </div>
    <div class="recommend-video">
        <iframe title="Dr. Murray Recommends Shopping at iHerb" src="//www.youtube.com/embed/Hx02rTTO_oE" frameborder="0" allowfullscreen=""></iframe>
    </div>
</div>
<div class="about-us-content text-center container-fluid">
    <div class="top-eight bottom-spacing">
        <div class="row">
            <div class="header big col-xs-24 bottom-spacing">
                Top 8 reasons to make <span class="iherb-green">iHerb</span> your #1 choice!
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 cards" id="triple-guarantee">
                <div class="icons">
                    <i class="icon-TripleGuarantee"></i>
                </div>
                <div class="main-text-card">Triple Guarantee: Value, Quality &amp; Delivery</div>
                <div class="secondary-text-card">
                    iHerb guarantees that you will receive the best overall value in the world for over 30,000 natural products -- all
                    authentic brands sold in the U.S. market, so long as you <a href="/info/about#wholesale">order at least once every 60 days</a>.  We will also
                    guarantee the delivery of your order.
                </div>
            </div>
            <div class="col-xs-12 cards">
                <div class="icons">
                    <i class="icon-products-reviews"></i>
                </div>
                <div class="main-text-card">Authentic reviews from purchasing customers</div>
                <div class="secondary-text-card">
                    We only allow reviews from customers who have ordered the specific product from
                    iHerb. This assures honest and accurate reviews to help you make smarter buying
                    choices.
                </div>
            </div>
            <div class="col-xs-12 cards">
                <div class="icons">
                    <i class="icon-hashtag-vegan"></i>
                </div>
                <div class="main-text-card">Assurance of freshness and quality</div>
                <div class="secondary-text-card">
                    With an inventory turnover rate averaging 8.1 times per year,
                    iHerb is able to offer you the FRESHEST products possible! You
                    can even see the expiration or best-by dates on most products,
                    like holding the actual product in a traditional store. Check
                    out our <a href="/c/itested" target="_blank">iTested page</a> for the next level of quality and transparency!
                </div>
            </div>
            <div class="col-xs-12 cards">
                <div class="icons">
                    <i class="icon-boxoutline"></i>
                </div>
                <div class="main-text-card">Air-conditioned and super clean warehouses</div>
                <div class="secondary-text-card">
                    iHerb’s <a href="/info/storage-facilities" target="_blank">distribution centers</a> are entirely climate-controlled,
                    which protects the products from such conditions as humidity,
                    heat and cold. In addition, our distribution centers are industry-certified
                    by NSF International, earning Good Manufacturing Practice (GMP) certification.
                </div>
            </div>
            <div class="col-xs-12 cards">
                <div class="icons">
                    <i class="icon-lockoutline"></i>
                </div>
                <div class="main-text-card">Solid commitment to personal privacy</div>
                <div class="secondary-text-card">
                    iHerb puts your privacy first. Since our founding in 1996, we have never
                    sold or leased any customer information to third parties. Your personal
                    information remains entirely confidential. What’s more, as of August 2018,
                    iHerb is one of the few U.S. companies to be compliant with  the European
                    Union GDPR privacy laws.
                </div>
            </div>
            <div class="col-xs-12 cards">
                <div class="icons">
                    <i class="icon-server"></i>
                </div>
                <div class="main-text-card">Enhanced 256-bit encryption with tokenization</div>
                <div class="secondary-text-card">
                    Simply put, "tokenization" means we only store the last 4 digits
                    and the expiration date of your credit card, so you know which
                    card you are using.
                </div>
            </div>
            <div class="col-xs-12 cards no-bottom">
                <div class="icons">
                    <i class="icon-peopleoutline"></i>
                </div>
                <div class="main-text-card">24 hour/ 7 day customer service</div>
                <div class="secondary-text-card">
                    We are also reachable 24 hours per day, 7 days per week, by <a href="https://secure.iherb.com/info/contact?livechat=en-US&amp;ContactUs=True" target="_blank">
                        chat
                        and contact
                    </a> to answer questions and resolve issues with your order.
                </div>
            </div>
            <div class="col-xs-12 cards no-bottom">
                <div class="icons">
                    <i class="icon-category-herbs"></i>
                </div>
                <div class="main-text-card">Eco-friendly initiatives</div>
                <div class="secondary-text-card">
                    When you shop with us, you're part of a <a href="/info/EcoFriendly" target="_blank">global solution</a>
                    to a healthier, more sustainable planet!
                </div>
            </div>
        </div>
    </div>
    <div class="iherb-is-global bottom-spacing">
        <div class="header big">
            iHerb is Global
        </div>
        <div class="secondary-text">
            At iHerb we believe in diversity. In addition to the United States, iHerb team members come from the following countries:
        </div>
        <div class="country-list">
            Australia - Bangladesh - Belarus - Belgium - Brazil - Canada - China - Colombia - Cuba - El Salvador - France - Germany - Guatemala - India - Iran - Japan - Kazakhstan - Korea - Malaysia - Mexico - Morocco - Panama - Philippines - Qatar - Russia - Saudi Arabia - Somalia - Syria - Taiwan - Trinidad &amp; Tobago - Ukraine - United Kingdom - Vietnam
        </div>
        <div class="iherb-videos">
            <div class="administrative-video">
                <video controls="controls">
                            <source src="//iherb.jobs/static/home-loop.ada69d4e.mp4" type="video/mp4">
                        </video>
            </div>
            <div class="make-iherb-number-one">
                <iframe title="Make iHerb your #1 choice for natural products" src="//www.youtube.com/embed/u8ayOg-zEGw" frameborder="0" allowfullscreen=""></iframe>
            </div>
        </div>
    </div>
    <div class="iherb-get-most-value">
        <div class="header big">
            How to get the most value every time you shop iHerb
        </div>
        <div class="secondary-text bottom-spacing">
            Our prices can be as low as <a id="wholesale" style="color: rgb(102, 102, 102); pointer-events: none;">wholesalers</a>, if not lower, when you take advantage of these extra discounts:
        </div>
        <ol>
            <li>
               
                <div class="top-content">
                    <div class="top-values">
                        Quantity discounts
                    </div>
                    <div class="top-description">
                        Buy 2 or more of many featured brand name products and get an extra 5 – 10% quantity discount.
                    </div>
                </div>
            </li>
            <li>
                <div class="top-content">
                    <div class="top-values" id="discounted-shipping">
                        Free or discounted shipping
                    </div>
                    <div class="top-description">
                       Make sure your order total is $20 or more, to take advantage of our free or deeply discounted shipping rates.
                    </div>
                </div>
            </li>
            <li>
                <div class="top-content">
                    <div class="top-values">
                        On-sale products
                    </div>
                    <div class="top-description">
                        Check out our <a href="/specials" target="_blank">specials</a> page for extra discounts on many popular products.
                    </div>
                </div>
            </li>
            <li>
                <div class="top-content">
                    <div class="top-values">
                        Save even more!
                    </div>
                    <div class="top-description">
                        Let others know about iHerb via our <a href="/info/rewards" target="_blank">rewards program</a>. Every month, more than 50,000 iHerb customers get either full or partial credit on their orders!
                    </div>
                </div>
            </li>
        </ol>
    </div>
    <div class="iherb-accessibility bottom-spacing" id="accessibility">
        <div class="header big">
            Our Commitment to Accessibility
        </div>
        <div class="secondary-text">
            iHerb, LLC is committed to making our website's content accessible and user friendly to everyone.
        </div>
        <div class="accessibility-images">
            <img alt="" src="https://s3.images-iherb.com/static/i/images/accessibility-icons.png">
        </div>
        <div class="accessibility-details">
            If you are having difficulty viewing or navigating the content on this website, or notice any content, feature, or functionality that you believe is not fully accessible to people with disabilities, please email our team at <a href="mailto:info@iherb.com">info@iherb.com</a> “Disabled Access” in the subject line and provide a description of the specific feature you feel is not fully accessible or a suggestion for improvement. We take your feedback seriously and will consider it as we evaluate ways to accommodate all of our customers and our overall accessibility policies. Additionally, while we do not control such vendors, we strongly encourage vendors of third-party digital content to provide content that is accessible and user friendly.
        </div>
    </div>
</div>    </div>
</div></body>
</html>

            
          
!
            
              <style>
*, *::before, *::after {
	box-sizing: border-box;
}
.css-1ywxjfw-AboutUsWrapper {
	text-align: center;
}
.css-bx7v53-ViewBackground {
	background-color: #f5f5f5;
	width: 100%;
}
.css-1mazs9w-Application {
	min-height: calc(100vh - 120px);
}
body {
	position: relative;
	margin: 0;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",SimSun,sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #262626;
	text-align: left;
	background-color: #fff;
}
html {
	font-family: sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
	display: block;
}
.css-1ywxjfw-AboutUsWrapper header {
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	padding: 15px;
	background-color: #ffffff;
}
.css-1ywxjfw-AboutUsWrapper section {
	padding: 30px 16px;
	background-color: #ffffff;
	margin-top: 8px;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0px;
	margin-bottom: 0.5rem;
}
p {
	margin-top: 0px;
	margin-bottom: 1rem;
}
.css-1ywxjfw-AboutUsWrapper section p {
	font-size: 14px;
}
.css-1ywxjfw-AboutUsWrapper section .content {
	padding-bottom: 15px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ededed;
}
.css-1ywxjfw-AboutUsWrapper section .content.last {
	margin-bottom: 0px;
	border-bottom: 0;
}
img {
	vertical-align: middle;
	border-style: none;
}
.css-1ywxjfw-AboutUsWrapper section .content img {
	margin-bottom: 30px;
	margin-top: 15px;
}
a {
	color: inherit;
	-webkit-text-decoration: none;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}
.css-1ywxjfw-AboutUsWrapper a {
	color: #458500;
}
a:not([href]):not([tabindex]) {
	-webkit-text-decoration: none;
	text-decoration: none;
}
.css-1ywxjfw-AboutUsWrapper section .content a {
	color: black;
}
.css-1ywxjfw-AboutUsWrapper section .list-number {
	background-color: #f7f7f7;
	display: inline-block;
	padding: 7px 26px;
	border-radius: 50%;
	margin-bottom: 15px;
	font-size: 40px;
	font-weight: bold;
}
.css-1ywxjfw-AboutUsWrapper section .list-number span {
	height: 58px;
	width: 53px;
	color: #f38a00;
}
.css-1ywxjfw-AboutUsWrapper a#loyalty-credit {
	color: black;
}
.css-1ywxjfw-AboutUsWrapper a#wholesale {
	color: black;
}
.css-1ywxjfw-AboutUsWrapper section iframe, .css-1ywxjfw-AboutUsWrapper section video {
	width: 100%;
}
.css-1ywxjfw-AboutUsWrapper .icon-wrapper {
	background-color: #f7f7f7;
	display: inline-block;
	padding: 21px 23px;
	border-radius: 50%;
	margin-bottom: 15px;
}
.css-1fafsmy-SvgIcon {
	position: relative;
}
svg:not(:root) {
	overflow: hidden;
	vertical-align: middle;
}
.css-1ywxjfw-AboutUsWrapper .icon-wrapper svg {
	height: 58px;
	width: 53px;
	fill: #f38a00;
}
</style>
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console