<!DOCTYPE html>
<html lang="en-US" data-website-id="1" data-main-object="website.page(4,)">
    <head>
        <meta charset="utf-8"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
        <meta name="generator" content="Odoo"/>
        <meta name="description" content="Reaching new heights together"/>
        <meta name="keywords" content="individual expression,youth clothing,fashion collection,latest styles,youth apparel,accessories,confidence"/>
            
        <meta property="og:type" content="website"/>
        <meta property="og:title" content="Home | fly feather"/>
        <meta property="og:site_name" content="fly feather"/>
        <meta property="og:url" content="https://www.flyfeather.net/"/>
        <meta property="og:image" content="https://fly-feather.odoo.com/web/image/website/1/logo?unique=c58054b"/>
        <meta property="og:description" content="Reaching new heights together"/>
            
        <meta name="twitter:card" content="summary_large_image"/>
        <meta name="twitter:title" content="Home | fly feather"/>
        <meta name="twitter:image" content="https://fly-feather.odoo.com/web/image/website/1/logo?unique=c58054b"/>
        <meta name="twitter:description" content="Reaching new heights together"/>
        
        <link rel="canonical" href="https://fly-feather.odoo.com/"/>
        
        <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin=""/>
        <title>Home | fly feather</title>
        <link type="image/x-icon" rel="shortcut icon" href="/web/image/website/1/favicon?unique=c81233e"/>
        <link rel="preload" href="/web/static/src/libs/fontawesome/fonts/fontawesome-webfont.woff2?v=4.7.0" as="font" crossorigin=""/>
        <link type="text/css" rel="stylesheet" href="/web/assets/1/da499d7/web.assets_frontend.min.css"/>
        <script id="web.layout.odooscript" type="text/javascript">
            var odoo = {
                csrf_token: "2e18826470ee986ecbdc15fb5243abb58b0e31feo1783251219",
                debug: "",
            };
        </script>
        <script type="text/javascript">
            odoo.__session_info__ = {"is_admin": false, "is_system": false, "is_public": true, "is_internal_user": false, "is_website_user": true, "uid": null, "is_frontend": true, "profile_session": null, "profile_collectors": null, "profile_params": null, "show_effect": true, "currencies": {"3": {"symbol": "$", "position": "after", "digits": [69, 2]}}, "bundle_params": {"lang": "en_US", "website_id": 1}, "test_mode": false, "websocket_worker_version": "saas-18.3-4", "translationURL": "/website/translations", "cache_hashes": {"translations": "dda7ab78539d60c46b293eab647fddcca81f2fa8"}, "geoip_country_code": "US", "geoip_phone_code": 1, "lang_url_code": "en", "add_to_cart_action": "stay"};
            if (!/(^|;\s)tz=/.test(document.cookie)) {
                const userTZ = Intl.DateTimeFormat().resolvedOptions().timeZone;
                document.cookie = `tz=${userTZ}; path=/`;
            }
        </script>
        <script type="text/javascript" defer="defer" src="/web/assets/1/c6b49ee/web.assets_frontend_minimal.min.js" onerror="__odooAssetError=1"></script>
        <script type="text/javascript" defer="defer" data-src="/web/assets/1/078cea2/web.assets_frontend_lazy.min.js" onerror="__odooAssetError=1"></script>
        
            
            <script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "fly feather",
    "logo": "https://fly-feather.odoo.com/logo.png?company=1",
    "url": "https://fly-feather.odoo.com"
}
            </script>

             
        
    </head>
    <body>



        <div id="wrapwrap" class="homepage   ">
            <a class="o_skip_to_content btn btn-primary rounded-0 visually-hidden-focusable position-absolute start-0" href="#wrap">Skip to Content</a>
                <header id="top" data-anchor="true" data-name="Header" data-extra-items-toggle-aria-label="Extra items button" class="   o_header_standard o_no_autohide_menu" style=" ">
                    
    <nav data-name="Navbar" aria-label="Main" class="navbar  navbar-light o_colored_level o_cc d-none d-lg-block shadow-sm ">
        

            <div id="o_main_nav" class="o_main_nav d-grid py-0 o_grid_header_3_cols container">
                
    <button type="button" data-bs-toggle="offcanvas" data-bs-target="#top_menu_collapse" aria-controls="top_menu_collapse" class="navbar-toggler btn me-auto p-2 o_not_editable">
        <span class="navbar-toggler-icon o_not_editable"></span>
    </button>
                
    <a data-name="Navbar Logo" href="/" class="navbar-brand logo mw-100 mx-auto">
            
            <span role="img" aria-label="Logo of fly feather" title="fly feather"><img src="/web/image/website/1/logo/fly%20feather?unique=c81233e" class="img img-fluid" width="95" height="40" alt="fly feather" loading="lazy"/></span>
        </a>
    
                <ul class="o_header_hamburger_right_col navbar-nav flex-row gap-2 align-items-center ms-auto">
                    
        
            <li class=" divider d-none"></li> 
            <li class="o_wsale_my_cart  ">
                <a href="/shop/cart" aria-label="eCommerce cart" class="o_navlink_background_hover btn position-relative rounded-pill p-1 text-reset">
                    <div class="">
                        <i class="fa fa-shopping-cart fa-stack"></i>
                        <sup class="my_cart_quantity badge bg-primary position-absolute top-0 end-0 mt-n1 me-n1 rounded d-none" data-order-id="">0</sup>
                    </div>
                </a>
            </li>
        
            <li class=" o_no_autohide_item">
                <a href="/web/login" class="o_navlink_background_hover btn text-reset">Sign in</a>
            </li>
                    
        
        
                </ul>
                <div class="offcanvas offcanvas-start o_navbar_mobile" id="top_menu_collapse">
                    <div class="offcanvas-header justify-content-end">
                        <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
                    </div>
                    <div class="offcanvas-body d-flex flex-column justify-content-between pt-0">
                        <ul class="navbar-nav">
                            
                            
        <li class="">
    <form method="get" class="o_searchbar_form s_searchbar_input " action="/website/search" data-snippet="s_searchbar_input">
            <div role="search" class="input-group ">
        <input type="search" name="search" class="search-query form-control oe_search_box rounded-start-pill ps-3 text-bg-light border-0 bg-light" placeholder="Search..." data-search-type="all" data-limit="0" data-display-image="true" data-display-description="true" data-display-extra-link="true" data-display-detail="true" data-order-by="name asc"/>
        <button type="submit" aria-label="Search" title="Search" class="btn oe_search_button rounded-end-pill bg-o-color-3">
            <i class="oi oi-search"></i>
        </button>
    </div>

            <input name="order" type="hidden" class="o_search_order_by" value="name asc"/>
            
    
        </form>
        </li>
                            
                            <li>
    <ul role="menu" id="top_menu" class="nav navbar-nav top_menu o_menu_loading o_mega_menu_is_offcanvas mx-n3 mt-3 ">
        

                                    

    <li role="presentation" class="nav-item border-top  px-0">
        <a role="menuitem" href="/" class="nav-link p-3 text-wrap active">
            <span>Home</span>
        </a>
    </li>

    <li role="presentation" class="nav-item border-top  px-0">
        <a role="menuitem" href="/shop" class="nav-link p-3 text-wrap ">
            <span>Shop</span>
        </a>
    </li>

    <li role="presentation" class="nav-item border-top  px-0">
        <a role="menuitem" href="/our-services" class="nav-link p-3 text-wrap ">
            <span>Services</span>
        </a>
    </li>

    <li role="presentation" class="nav-item border-top  px-0">
        <a role="menuitem" href="/pricing" class="nav-link p-3 text-wrap ">
            <span>Pricing</span>
        </a>
    </li>

    <li role="presentation" class="nav-item border-top  px-0">
        <a role="menuitem" href="/about-us" class="nav-link p-3 text-wrap ">
            <span>About Us</span>
        </a>
    </li>

    <li role="presentation" class="nav-item border-top border-bottom px-0">
        <a role="menuitem" href="/contactus" class="nav-link p-3 text-wrap ">
            <span>Contact us</span>
        </a>
    </li>
                                
    </ul>
                            </li>
                            
        <li class="">
                <div data-name="Text" class="s_text_block mt-2">
                    <a href="tel:+1 555-555-5556" class="nav-link o_nav-link_secondary">
                        <small>
                            <i class="fa fa-1x fa-fw fa-phone me-1"></i>͏ 
                            <span class="o_force_ltr">+1 555-555-5556</span>
                        </small>
                    </a>
                    <a href="mailto:info@yourcompany.example.com" class="nav-link o_nav-link_secondary">
                        <small>
                            <i class="fa fa-1x fa-fw fa-envelope me-1"></i>
                            info@yourcompany.example.com
                        </small>
                    </a>
                </div>
        </li>
                            
                        </ul>
                        <ul class="navbar-nav gap-2 mt-3 w-100">
                            
        <li data-name="Language Selector" class="o_header_language_selector ">
        
        
        </li>
                            
        <li class="">
            <div class="oe_structure oe_structure_solo ">
                <section class="oe_unremovable oe_unmovable s_text_block" data-snippet="s_text_block" data-name="Text">
                    <div class="container">
                        <a href="/contactus" class="oe_unremovable btn btn-primary btn_cta w-100">Contact Us</a>
                    </div>
                </section>
            </div>
        </li>
                        </ul>
                    </div>
                </div>
            </div>
        
    </nav>
    <nav data-name="Navbar" aria-label="Mobile" class="navbar  navbar-light o_colored_level o_cc o_header_mobile d-block d-lg-none shadow-sm ">
        

        <div class="o_main_nav container flex-wrap justify-content-between">
            <div class="d-flex flex-grow-1">
                
    <a data-name="Navbar Logo" href="/" class="navbar-brand logo ">
            
            <span role="img" aria-label="Logo of fly feather" title="fly feather"><img src="/web/image/website/1/logo/fly%20feather?unique=c81233e" class="img img-fluid" width="95" height="40" alt="fly feather" loading="lazy"/></span>
        </a>
    
                <ul class="o_header_mobile_buttons_wrap navbar-nav d-flex flex-row align-items-center gap-2 mb-0 ms-auto">
        
            <li class=" divider d-none"></li> 
            <li class="o_wsale_my_cart  ">
                <a href="/shop/cart" aria-label="eCommerce cart" class="o_navlink_background_hover btn position-relative rounded-circle border-0 p-1 text-reset">
                    <div class="">
                        <i class="fa fa-shopping-cart fa-stack"></i>
                        <sup class="my_cart_quantity badge bg-primary position-absolute top-0 end-0 mt-n1 me-n1 rounded-pill d-none" data-order-id="">0</sup>
                    </div>
                </a>
            </li>
        </ul>
            </div>
            <button class="nav-link btn p-2 o_not_editable" type="button" data-bs-toggle="offcanvas" data-bs-target="#top_menu_collapse_mobile" aria-controls="top_menu_collapse_mobile" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div id="top_menu_collapse_mobile" class="offcanvas offcanvas-end o_navbar_mobile">
                <div class="offcanvas-header justify-content-end o_not_editable">
                    <button type="button" class="nav-link btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
                </div>
                <div class="offcanvas-body d-flex flex-column justify-content-between h-100 w-100 pt-0">
                    <ul class="navbar-nav">
                        
                        
        <li class="">
    <form method="get" class="o_searchbar_form s_searchbar_input " action="/website/search" data-snippet="s_searchbar_input">
            <div role="search" class="input-group mb-3">
        <input type="search" name="search" class="search-query form-control oe_search_box rounded-start-pill text-bg-light ps-3 border-0 bg-light" placeholder="Search..." data-search-type="all" data-limit="0" data-display-image="true" data-display-description="true" data-display-extra-link="true" data-display-detail="true" data-order-by="name asc"/>
        <button type="submit" aria-label="Search" title="Search" class="btn oe_search_button rounded-end-pill bg-o-color-3 pe-3">
            <i class="oi oi-search"></i>
        </button>
    </div>

            <input name="order" type="hidden" class="o_search_order_by" value="name asc"/>
            
    
        </form>
        </li>
                        
    <ul role="menu" class="nav navbar-nav top_menu  o_mega_menu_is_offcanvas mx-n3  ">
        

                            

    <li role="presentation" class="nav-item border-top  px-0">
        <a role="menuitem" href="/" class="nav-link p-3 text-wrap active">
            <span>Home</span>
        </a>
    </li>

    <li role="presentation" class="nav-item border-top  px-0">
        <a role="menuitem" href="/shop" class="nav-link p-3 text-wrap ">
            <span>Shop</span>
        </a>
    </li>

    <li role="presentation" class="nav-item border-top  px-0">
        <a role="menuitem" href="/our-services" class="nav-link p-3 text-wrap ">
            <span>Services</span>
        </a>
    </li>

    <li role="presentation" class="nav-item border-top  px-0">
        <a role="menuitem" href="/pricing" class="nav-link p-3 text-wrap ">
            <span>Pricing</span>
        </a>
    </li>

    <li role="presentation" class="nav-item border-top  px-0">
        <a role="menuitem" href="/about-us" class="nav-link p-3 text-wrap ">
            <span>About Us</span>
        </a>
    </li>

    <li role="presentation" class="nav-item border-top border-bottom px-0">
        <a role="menuitem" href="/contactus" class="nav-link p-3 text-wrap ">
            <span>Contact us</span>
        </a>
    </li>
                        
    </ul>
                        
        <li class="">
                <div data-name="Text" class="s_text_block mt-2">
                    <a href="tel:+1 555-555-5556" class="nav-link o_nav-link_secondary">
                        <small>
                            <i class="fa fa-1x fa-fw fa-phone me-1"></i>͏ 
                            <span class="o_force_ltr">+1 555-555-5556</span>
                        </small>
                    </a>
                    <a href="mailto:info@yourcompany.example.com" class="nav-link o_nav-link_secondary">
                        <small>
                            <i class="fa fa-1x fa-fw fa-envelope me-1"></i>
                            info@yourcompany.example.com
                        </small>
                    </a>
                </div>
        </li>
                        
                    </ul>
                    <ul class="navbar-nav gap-2 mt-3 w-100">
                        
        <li data-name="Language Selector" class="o_header_language_selector ">
        
        
        </li>
                        
            <li class=" o_no_autohide_item">
                <a href="/web/login" class="nav-link o_nav_link_btn w-100 border text-center">Sign in</a>
            </li>
                        
        
        
                        
        <li class="">
            <div class="oe_structure oe_structure_solo ">
                <section class="oe_unremovable oe_unmovable s_text_block" data-snippet="s_text_block" data-name="Text">
                    <div class="container">
                        <a href="/contactus" class="oe_unremovable btn btn-primary btn_cta w-100">Contact Us</a>
                    </div>
                </section>
            </div>
        </li>
                    </ul>
                </div>
            </div>
        </div>
    
    </nav>
    
        </header>
                <main>
                    
        <div id="wrap" class="oe_structure"><section class="s_intro_pill pt40 pb40 o_colored_level" data-snippet="s_intro_pill" data-name="Intro Pill">
        <div class="container-fluid">
            <div class="row o_grid_mode" data-row-count="11">
                <div class="o_grid_item oe_img_bg o_grid_item_image g-col-lg-5 g-height-9 col-lg-5 order-lg-0 o_colored_level" style="order: 2; z-index: 1; grid-area: 1 / 1 / 10 / 6; --grid-item-padding-y: 0px; --grid-item-padding-x: 0px;">
                    <img class="img-fluid mx-auto" data-shape="web_editor/geometric_round/geo_round_pill" data-file-name="s_intro_pill_default_image.jpg" data-original-mimetype="image/jpeg" src="/web_editor/image_shape/website.s_intro_pill_default_image/web_editor/geometric_round/geo_round_pill.svg" alt="" loading="lazy" data-mimetype="image/svg+xml" data-original-id="868" data-original-src="/web/image/868-05b3b200/website.s_intro_pill_default_image" data-mimetype-before-conversion="image/jpeg"/>
                </div>
                <div class="o_grid_item g-height-11 g-col-lg-8 col-lg-8 order-lg-0 o_colored_level" data-name="Box" style="order: 1; z-index: 3; grid-area: 1 / 3 / 12 / 11; --grid-item-padding-y: 120px;">
                    <h1 class="display-3" style="text-align: center;">
        Confidence and<br/>Individual Expression
    </h1>
                    <p>
                        <br/>
                    </p>
                    <p style="text-align: center;">
                        <a class="btn btn-lg btn-primary o_translate_inline" href="/contactus">Discover our latest arrivals</a>
                    </p>
                </div>
                <div class="o_grid_item o_grid_item_image g-col-lg-5 g-height-10 d-none d-lg-block col-lg-5 order-lg-0 o_colored_level" style="order: 3; z-index: 2; grid-area: 2 / 8 / 12 / 13; --grid-item-padding-y: 0px; --grid-item-padding-x: 0px;">
                    <img class="img-fluid mx-auto" data-shape="web_editor/geometric_round/geo_round_pill" data-file-name="s_intro_pill_default_image_2.jpg" data-original-mimetype="image/jpeg" src="/web_editor/image_shape/website.s_intro_pill_default_image_2/web_editor/geometric_round/geo_round_pill.svg" alt="" loading="lazy" data-mimetype="image/svg+xml" data-original-id="869" data-original-src="/web/image/869-01eb167e/website.s_intro_pill_default_image_2" data-mimetype-before-conversion="image/jpeg"/>
                </div>
            </div>
        </div>
    </section><section class="s_masonry_block pt48 pb48 o_colored_level" data-vcss="001" data-vxml="001" data-snippet="s_masonry_block" data-name="Masonry">
        <div class="container">
            
        <div class="row o_grid_mode" data-row-count="8" style="gap: 16px;">
            <div class="o_grid_item o_cc o_cc5 g-height-8 g-col-lg-6 col-lg-6 justify-content-start shadow rounded-3 o_colored_level oe_img_bg o_bg_img_center o_bg_img_origin_border_box" data-name="Block" style="z-index: 1; grid-area: 1 / 1 / 9 / 7; --grid-item-padding-y: 30px; --grid-item-padding-x: 30px; background-image: url(&#34;/web/image/website.s_masonry_block_default_image_2&#34;) !important;">
                <div class="o_we_bg_filter bg-black-50"></div>
                <h3 class="display-4-fs">Key <br class="d-none d-lg-inline"/>Milestone</h3>
                <p class="lead">Reaching new heights together</p>
            </div>
            <div class="o_grid_item o_cc o_cc5 g-height-8 g-col-lg-6 col-lg-6 justify-content-start shadow rounded-3 o_colored_level oe_img_bg o_bg_img_center o_bg_img_origin_border_box" data-name="Block" style="z-index: 2; grid-area: 1 / 7 / 9 / 13; --grid-item-padding-y: 30px; --grid-item-padding-x: 30px; background-image: url(&#34;/web/image/website.s_masonry_block_default_image_1&#34;) !important;">
                <div class="o_we_bg_filter bg-black-50"></div>
                <h3 class="display-4-fs">Innovation <br class="d-none d-lg-inline"/>Hub</h3>
                <p class="lead">Where ideas come to life</p>
            </div>
        </div>
    
        </div>
    </section><section class="s_masonry_block pt48 pb48" data-vcss="001" data-vxml="001" data-snippet="s_masonry_block_mosaic_template" data-name="Masonry">
        <div class="container">
            
        <div class="row o_grid_mode" data-row-count="10" style="gap: 16px;">
            <div class="o_grid_item o_cc o_cc3 g-height-3 g-col-lg-3 col-lg-3 justify-content-start order-lg-0 rounded-3" data-name="Block" style="order: 1; z-index: 1; --grid-item-padding-y: 20px; --grid-item-padding-x: 20px; grid-area: 1 / 1 / 4 / 4; linear-gradient(135deg, var(--o-color-4) -400%, var(--o-color-2) 100%);">
                <h3>Innovation</h3>
                <p>Where fashion meets fun</p>
            </div>
            <div class="o_grid_item o_cc o_cc2 g-height-3 g-col-lg-3 col-lg-3 justify-content-start order-lg-0 rounded-3" data-name="Block" style="order: 2; z-index: 2; --grid-item-padding-y: 20px; --grid-item-padding-x: 20px; grid-area: 1 / 4 / 4 / 7;">
                <h3>Focus</h3>
                <p>Youthful Style, Endless Possibilities</p>
            </div>
            <div class="o_grid_item o_grid_item_image g-height-7 g-col-lg-6 col-lg-6 rounded-3 text-center order-lg-0" data-name="Block" style="order: 0; z-index: 3; grid-area: 1 / 7 / 8 / 13;">
                <img src="/web/image/website.s_text_image_default_image" class="img img-fluid mx-auto rounded" alt="" loading="lazy"/>
            </div>
            <div class="o_grid_item o_grid_item_image g-height-7 g-col-lg-6 col-lg-6 rounded-3 text-center order-lg-0" data-name="Block" style="order: 3; z-index: 4; grid-area: 4 / 1 / 11 / 7;">
                <img src="/web/image/website.s_masonry_block_default_image_1" class="img img-fluid mx-auto rounded" alt="" loading="lazy"/>
            </div>
            <div class="o_grid_item o_cc o_cc2 g-height-3 g-col-lg-3 col-lg-3 justify-content-center text-center order-lg-0 rounded-3" data-name="Block" style="order: 4; z-index: 5; --grid-item-padding-y: 20px; --grid-item-padding-x: 20px; grid-area: 8 / 7 / 11 / 10;">
                <h3 class="display-1-fs">22%</h3>
                <p>Reaching new heights</p>
            </div>
            <div class="o_grid_item o_cc o_cc4 g-height-3 g-col-lg-3 col-lg-3 justify-content-center text-center order-lg-0 rounded-3" data-name="Block" style="order: 5; z-index: 6; --grid-item-padding-y: 20px; --grid-item-padding-x: 20px; grid-area: 8 / 10 / 11 / 13; linear-gradient(135deg, var(--o-color-4) -400%, var(--o-color-1) 100%);">
                <h3 class="display-1-fs">+12</h3>
                <p>Mark the difference</p>
            </div>
        </div>
    
        </div>
    </section><section class="s_pricelist_boxed o_colored_level parallax s_parallax_is_fixed s_parallax_no_overflow_hidden pt0 pb0" data-scroll-background-ratio="1" data-oe-shape-data="{&#39;shape&#39;:&#39;web_editor/Bold/14&#39;,&#39;colors&#39;:{&#39;c5&#39;:&#39;o-color-4&#39;, &#39;c1&#39;:&#39;o-color-4&#39;},&#39;flip&#39;:[],&#39;showOnMobile&#39;:true,&#39;shapeAnimationSpeed&#39;:&#39;0&#39;}" data-snippet="s_pricelist_boxed" data-name="Pricelist Boxed">
        <span class="s_parallax_bg oe_img_bg o_bg_img_center" style="background-image: url(&#39;/web/image/website.s_pricelist_boxed_default_background&#39;);"></span>
        <div class="o_we_shape o_web_editor_Bold_14" style="background-image: url(&#39;/web_editor/shape/web_editor/Bold/14.svg?c5=o-color-4&amp;c1=o-color-4&#39;);"></div>
        <div class="container">
            <div class="row">
                <div class="rounded px-3 px-md-5 pt48 pb48 o_cc o_cc2 col-lg-5 border o_colored_level" data-name="Menu" style="border-width: 16px !important; border-color: rgb(255, 255, 255) !important;">
                    <div class="row">
                        <div class="col-lg-12 o_colored_level" data-name="Menu Heading">
                            <h2 style="text-align:center;">
        Our Fashion Collection
    </h2>
                            <p class="lead" style="text-align:center;">&nbsp;Check out our exclusive range of fashionable outfits crafted for the contemporary youth. Suitable for all events, from relaxed gatherings to elegant celebrations.</p>
                        </div>
                        <div class="s_pricelist_boxed_section col-lg-12 pt48 o_colored_level" data-name="Menu Section">
                            <h3>&nbsp;</h3><p>✽ Youth Accessories</p><p>Fashionable Denim Jacket</p><p>$49.99</p><p>An on-trend denim jacket that provides comfort and versatility, great for layering and daily wear.</p><p>Cool Graphic Tees</p><p>$25.00</p><p>Stylish graphic tees that are durable and perfect for adding a fashionable flair to any ensemble.</p><p>Comfy Hoodies</p><p>$45.00</p><p>A comfy hoodie that blends style and warmth, ideal for chilly days and casual gatherings.</p>
                        </div>
                        <div class="s_pricelist_boxed_section col-lg-12 pt48 o_colored_level" data-name="Menu Section">
                            <h3>&nbsp;</h3><p>✽ Youth Apparel</p><p>Trendy Sneakers</p><p>$70.00</p><p>Stylish and comfortable sneakers that enhance any outfit while ensuring all-day comfort and support.</p><p>Classic Denim Jackets</p><p>$60.00</p><p>Durable and fashionable backpacks that are ideal for school or daily adventures, combining practicality with style.</p><p>Graphic T-Shirt</p><p>$19.99</p><p>Lightweight and breathable graphic t-shirt available in a variety of designs, providing a relaxed fit and a fun way to express your individuality.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section><section class="s_features_wall pt56 pb56" data-oe-shape-data="{&#39;shape&#39;:&#39;web_editor/Bold/14&#39;,&#39;colors&#39;:{&#39;c5&#39;:&#39;o-color-4&#39;,&#39;c1&#39;:&#39;o-color-1&#39;},&#39;flip&#39;:[&#39;x&#39;],&#39;showOnMobile&#39;:false,&#39;shapeAnimationSpeed&#39;:&#39;0&#39;}" data-snippet="s_features_wall" data-name="Features Wall">
        <div class="o_we_shape o_web_editor_Bold_14" style="background-image: url(&#39;/web_editor/shape/web_editor/Bold/14.svg?c5=o-color-4&amp;c1=o-color-1&amp;flip=x&#39;);"></div>
    <div class="container">
            <div class="row o_grid_mode" data-row-count="21">
                <div class="o_grid_item g-height-21 g-col-lg-5 col-lg-5" style="z-index: 1; grid-area: 1 / 1 / 22 / 6; --grid-item-padding-y: 0px; --grid-item-padding-x: 16px;">
                    <h2 class="display-3-fs">Unveil Our Latest Styles</h2>
                    <p class="lead">Write one or two paragraphs describing your product or services. To be successful your content needs to be useful to your readers.</p>
                </div>
                <div class="o_grid_item o_grid_item_image g-height-6 g-col-lg-3 col-lg-3" style="z-index: 2; grid-area: 1 / 7 / 7 / 10; --grid-item-padding-y: 0px; --grid-item-padding-x: 16px;">
                    <img class="img img-fluid rounded-circle" src="/web/image/website.library_image_16" alt="" loading="lazy"/>
                </div>
                <div class="o_grid_item g-height-4 g-col-lg-3 col-lg-3 s_col_no_bgcolor" style="z-index: 3; grid-area: 7 / 7 / 11 / 10; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px;">
                    <h3 class="h5-fs">
        Quality Youth Clothing
    </h3>
                    <p>
        Revamp your wardrobe with our collection of fashionable, comfortable clothing that fits every lifestyle.
    </p>
                </div>
                <div class="o_grid_item o_grid_item_image g-height-6 g-col-lg-3 col-lg-3" style="z-index: 4; grid-area: 12 / 7 / 18 / 10; --grid-item-padding-y: 0px; --grid-item-padding-x: 16px;">
                    <img class="img img-fluid rounded-circle" src="/web/image/website.library_image_03" alt="" loading="lazy"/>
                </div>
                <div class="o_grid_item g-height-4 g-col-lg-3 col-lg-3 s_col_no_bgcolor" style="z-index: 5; grid-area: 18 / 7 / 22 / 10; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px;">
                    <h3 class="h5-fs">
        Trendy Youth Apparel
    </h3>
                    <p>
        Discover our trendy youth clothing collection, featuring stylish outfits and comfortable fabrics for every occasion.
    </p>
                </div>
                <div class="o_grid_item o_grid_item_image g-height-6 g-col-lg-3 col-lg-3" style="z-index: 6; grid-area: 6 / 10 / 12 / 13; --grid-item-padding-y: 0px; --grid-item-padding-x: 16px;">
                    <img class="img img-fluid rounded-circle" src="/web/image/website.library_image_13" alt="" loading="lazy"/>
                </div>
                <div class="o_grid_item g-height-4 g-col-lg-3 col-lg-3 s_col_no_bgcolor" style="z-index: 7; grid-area: 12 / 10 / 16 / 13; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px;">
                    <h3 class="h5-fs">
        Accessories and More
    </h3>
                    <p>
        Find your perfect outfit with our exclusive range of youth apparel, designed to make a statement and boost your confidence.
    </p>
                </div>
            </div>
        </div>
    </section><section class="s_image_frame o_colored_level o_cc pt64 pb64 o_cc4" data-oe-shape-data="{&#39;shape&#39;:&#39;web_editor/Bold/13&#39;,&#39;flip&#39;:[],&#39;showOnMobile&#39;:false,&#39;shapeAnimationSpeed&#39;:&#39;0&#39;}" data-snippet="s_image_frame" data-name="Image Frame">
        <div class="o_we_shape o_web_editor_Bold_13"></div>
        <div class="container">
            <div class="row o_grid_mode" data-row-count="11">
                <div class="o_grid_item o_grid_item_image g-height-11 g-col-lg-12 col-lg-12 order-lg-0 rounded overflow-hidden" style="grid-area: 1 / 1 / 12 / 13; --grid-item-padding-x: 0px; --grid-item-padding-y: 0px; border-radius: 6.4px !important; order: 1;">
                    <img src="/web/image/website.s_image_frame_default_image" class="img img-fluid mx-auto" alt="" loading="lazy"/>
                </div>
                <div class="o_grid_item g-height-4 g-col-lg-5 col-10 offset-1 col-lg-5 offset-lg-0 order-lg-0 rounded o_cc o_cc1" style="z-index: 1; grid-area: 7 / 7 / 11 / 12; --grid-item-padding-x: 32px; order: 0;">
                    <h3>Product highlight</h3>
                    <p class="lead">Choose a vibrant image of our latest collection and write an inspiring paragraph about how it empowers youth to express their individuality through fashion.</p>
                </div>
            </div>
        </div>
    </section><section class="s_call_to_action o_cc o_cc5 pt128 pb128" data-snippet="s_call_to_action" data-name="Call to Action">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>Fashion without <br/>expression is dull</h2>
    <p class="lead">
        Join us and enjoy the pleasure of dressing up in the latest fashion trends.
    </p>
                </div>
                <div class="col-lg-12">
                    <p style="text-align: center">
                        <a class="btn btn-primary btn-lg o_translate_inline" href="/contactus">Contact us</a>
                    </p>
                </div>
            </div>
        </div>
    </section></div>
    
        <div id="o_shared_blocks" class="oe_unremovable"></div>
                </main>
                <footer id="bottom" data-anchor="true" data-name="Footer" class="o_footer o_colored_level o_cc ">
                    <div id="footer" class="oe_structure oe_structure_solo">
            <section class="s_text_block pt40 pb16" data-snippet="s_text_block" data-name="Text">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-2 pt24 pb24">
                            <h5 class="mb-3">Useful Links</h5>
                            <ul class="list-unstyled">
                                <li><a href="/">Home</a></li>
                                <li><a href="#">About us</a></li>
                                <li><a href="#">Products</a></li>
                                <li><a href="#">Services</a></li>
                                <li><a href="#">Legal</a></li>
                                <li>
                                    <a href="/privacy">Privacy Policy</a>
                                </li>
                                <li><a href="/contactus">Contact us</a></li>
                            </ul>
                        </div>
                        <div class="col-lg-5 pt24 pb24">
                            <h5 class="mb-3">About us</h5>
                            <p>We are a team of passionate people whose goal is to improve everyone's life through disruptive products. We build great products to solve your business problems.
                            <br/><br/>Our products are designed for small to medium size companies willing to optimize their performance.</p>
                        </div>
                        <div id="connect" class="col-lg-4 offset-lg-1 pt24 pb24">
                            <h5 class="mb-3">Connect with us</h5>
                            <ul class="list-unstyled">
                                <li><i class="fa fa-comment fa-fw me-2"></i><span><a href="/contactus">Contact us</a></span></li>
                                <li><i class="fa fa-envelope fa-fw me-2"></i><span><a href="mailto:info@yourcompany.example.com">info@yourcompany.example.com</a></span></li>
                                <li><i class="fa fa-phone fa-fw me-2"></i><span class="o_force_ltr"><a href="tel:+1 555-555-5556">+1 555-555-5556</a></span></li>
                            </ul>
                            <div class="s_social_media text-start o_not_editable" data-snippet="s_social_media" data-name="Social Media" contenteditable="false">
                                <h5 class="s_social_media_title d-none" contenteditable="true">Follow us</h5>
                                <a href="/website/social/facebook" class="s_social_media_facebook" target="_blank" aria-label="Facebook">
                                    <i class="fa fa-facebook rounded-circle shadow-sm o_editable_media"></i>
                                </a>
                                <a href="/website/social/twitter" class="s_social_media_twitter" target="_blank" aria-label="X">
                                    <i class="fa fa-twitter rounded-circle shadow-sm o_editable_media"></i>
                                </a>
                                <a href="/website/social/linkedin" class="s_social_media_linkedin" target="_blank" aria-label="LinkedIn">
                                    <i class="fa fa-linkedin rounded-circle shadow-sm o_editable_media"></i>
                                </a>
                                <a href="/" class="text-800" aria-label="Extra page">
                                    <i class="fa fa-home rounded-circle shadow-sm o_editable_media"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    <div class="o_footer_copyright o_colored_level o_cc" data-name="Copyright">
                        <div class="container py-3">
                            <div class="row">
                                <div class="col-sm text-center text-sm-start text-muted">
                                    <span class="o_footer_copyright_name me-2">Copyright &copy; Company name</span>
        
        
    </div>
                                <div class="col-sm text-center text-sm-end o_not_editable">
        <div class="o_brand_promotion">
        Powered by 
            <a target="_blank" class="badge text-bg-light" href="http://www.odoo.com?utm_source=db&amp;utm_medium=website">
                <img alt="Odoo" src="/web/static/img/odoo_logo_tiny.png" width="62" height="20" style="width: auto; height: 1em; vertical-align: baseline;" loading="lazy"/>
            </a>
        - 
                    The #1 <a target="_blank" href="http://www.odoo.com/app/ecommerce?utm_source=db&amp;utm_medium=website">Open Source eCommerce</a>
                
        </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </footer>
            </div>
        
        </body>
</html>