<style xml="space"> body { background: #f7f7f8; overflow-x: hidden; } h2, h1, h3, h4, h5, h6, p, sup, span, div { -webkit-margin-before: 0em; -webkit-margin-after: 0em; margin: 0; padding: 0; font-family: 'HP Simplified Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; } .main-wrap h2, .main-wrap h1, .main-wrap h3, .main-wrap h4, .main-wrap h5, .main-wrap h6, .main-wrap p, .main-wrap sup, .main-wrap span, .main-wrap div { font-family: "HP Simplified Light", "Arial"; } .main-wrap { max-width: 1366px; margin: 0 auto; } * { -webkit-box-sizing: unset; -moz-box-sizing: unset; box-sizing: unset; } .personal-laptops-class * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } sup { vertical-align: middle; top: -.5em !important; font-size: 65%; color: #767676; } a { -moz-transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; outline: none; } a:hover { -moz-transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; outline: none; } a:active, a:visited, a:focus { outline: none; } .clear_10h { clear: both; height: 10px; } .clear_20h { clear: both; height: 20px; } .clear_30h { clear: both; height: 30px; } .clear_40h { clear: both; height: 40px; } .clear_50h { clear: both; height: 50px; } .no-padding { padding-right: 0px !important; padding-left: 0px !important; } .cta-white-btn { font-size: 18px; font-weight: 300; color: #FFFFFF !important; border: 1px solid #FFFFFF; padding: 12px 40px; margin: 30px 0 0; line-height: 20px; white-space: nowrap; cursor: pointer; } .cta-white-btn:hover { background-color: #FFFFFF; text-decoration: none !important; color: #0096d6 !important; border-color: #FFFFFF; } .cta-white-btn:active, .cta-white-btn:focus, .cta-white-btn:visited { text-decoration: none !important; color: #FFFFFF; } .space-right { margin-right: 20px; } .cta-blue-btn { -webkit-transition: color .2s linear, background-color .2s linear, border-color .2s linear; transition: color .2s linear, background-color .2s linear, border-color .2s linear; display: inline-block; min-width: 100px; height: 40px; padding: 0 22px; text-indent: 0.1rem; text-align: center; text-decoration: none; cursor: pointer; max-width: 100%; outline: none; position: relative; overflow: hidden; font-size: 16px; line-height: 38px; letter-spacing: 0.01875rem; font-weight: 500; font-family: "HP Simplified Regular"; color: #FFFFFF !important; background-color: #0171ad; border: 2px solid #0171ad; text-transform: uppercase; } .cta-blue-btn:hover { text-decoration: none !important; color: #FFFFFF !important; background-color: #075782; border-color: #075782; outline: 0; } .cta-blue-btn:active, .cta-blue-btn:visited, .cta-blue-btn:focus { text-decoration: none !important; outline: 0; color: #FFFFFF; } .cta-blue-transparent { -webkit-transition: color .2s linear, background-color .2s linear, border-color .2s linear; transition: color .2s linear, background-color .2s linear, border-color .2s linear; display: inline-block; min-width: 100px; height: 40px; padding: 0 22px; text-indent: 0.1rem; text-align: center; text-decoration: none; cursor: pointer; max-width: 100%; outline: none; position: relative; overflow: hidden; font-size: 16px; line-height: 38px; letter-spacing: 0.01875rem; font-weight: 500; font-family: "HP Simplified Regular"; color: #0171ad !important; border: 2px solid #0171ad; text-transform: uppercase; } .cta-blue-transparent:hover { text-decoration: none !important; color: #FFFFFF !important; background-color: #0171ad; border-color: #0171ad; outline: 0; } .cta-blue-transparent:active, .cta-blue-transparent:visited, .cta-blue-transparent:focus { text-decoration: none !important; outline: 0; color: #0171ad; } section.hero-banner { background: url(https://id-media.apjonlinecdn.com/wysiwyg/personal-printer/images/hero-banner.jpg) center top no-repeat; min-height: 500px; width: 100%; padding-top: 153px; background-size:cover; } .tagline h2 { font-weight: 300; color: #fff; font-size: 48px; } .tagline p { color: #fff; font-weight: 300; margin-top: 21px; font-size: 27px; } section.laptop-section { margin-top: -94px; } .laptop-wrap h2 { font-weight: 300; font-size: 27px; } .form-wrap h2 { font-weight: 300; font-size: 27px; } .laptop-wrap span { font-size: 14px; display: block; } .laptop-wrap p, span.price { font-size: 19px; margin-top: 10px; margin-bottom: 10px; } span#lowest_price, span.price { display: inline; } .laptop-wrap { min-height: 545px; } h2.section_title_black { font-weight: 300; font-size: 47px; } .form_ctas { margin-top: 64px; margin-bottom: 10px; } .form-factor-bg { background: #fff; padding: 20px; margin-bottom: 30px; } .form-factor-bg img { min-height: 192px; } .shop-by img { max-width: 100%; } .owl-carousel .owl-item img { max-width: 90% !important; width: 35% !important; margin: 0 auto; } .shop-by { background: #fff; padding: 28px; } .usecase-title h2 { font-weight: 300; font-size: 27px; min-height: 58px; } .acc-container { margin-bottom: 30px; } .acc-container img { width: 100%; } .acc-bg { background: #fff; min-height: 299px; } p.section_title_black_p { font-size: 20px; } .use-case-container { padding-left: 5px !important; padding-right: 5px !important; text-align: center; margin-bottom: 30px; } .ad-adbutler a>img { margin: 0 auto !important; } .top-menu-wrapper { max-width: 1366px; margin: 0 auto; } .top-nav-section { text-align: center; height: 75px; width: 100%; background: #FCFCFC; border-top: 1px solid #F6F6F6; border-bottom: 1px solid #F6F6F6; } .top-nav-section.stick { height: 103px; position: fixed; top: 0; left: 0; z-index: 200; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .empty-div { height: 75px; display: none; } .top-nav ul { margin: 0px; padding: 0px; width: 100%; display: table; } .stick .top-nav ul { padding: 14px 0; } .top-nav ul li:not(:first-child):before { content: '|'; color: #DFDFDF; display: inline-block; position: absolute; line-height: 25px; width: 0; height: 25px; left: 0; margin-left: -3px; top: 24px; } .top-nav ul li { line-height: 0; display: table-cell; vertical-align: middle; position: relative; cursor: pointer; } .top-nav ul li a { display: block; padding: 25px; color: black; text-transform: uppercase; text-decoration: none; background-color: none; line-height: 25px; letter-spacing: 2px; font-weight: 300; font-size: 18px; } .top-nav ul li a:after { content: ''; display: block; height: 2px; width: 0; left: 0; position: absolute; right: 0; bottom: 15px; margin: 0 auto; background: #0096d6; -webkit-transition: all .3s ease; transition: all .3s ease; } .top-nav ul li a:hover:after { width: 40px; } .top-nav ul li a.active:after { width: 40px; } .top-nav ul li a:hover { text-decoration: none; } .top-nav ul li a:visited, .top-nav ul li a:active, .top-nav ul li a:focus { text-decoration: none; } .top-nav ul li:last-child { margin-top: 0px; margin-bottom: 0px; } .top-nav ul li:last-child a { color: #FFFFFF; display: inline-block; padding: 0px 25px; line-height: 40px; font-size: 16px; font-weight: 600; letter-spacing: 0px; font-family: 'HP Simplified Regular'; } .top-nav ul li:last-child a:hover { background-color: #0579ad; } .mobile-top-container { width: 130px; float: right; margin-right: 30px; } .mobile-top-container a { text-decoration: none; } .mobile-top-btn { border-right: none; border-radius: 3px 3px; margin-left: 0px; padding: 15px 50px; border: none; vertical-align: middle; float: right; margin-top: 10px; } .mobile-top-btn.disable { background-color: #eaeaea; color: #707070; } .mobile-top-btn.active { background-color: #0095d9; color: #FFFFFF; } .mobile-nav-container { width: 150px; float: left; position: relative; } .mobile-nav { display: none; cursor: pointer; text-align: left; padding: 10px 25px; text-decoration: none !important; } .mobile-nav span { font-size: 32px; font-weight: 500; line-height: 50px; color: #707070 !important; text-transform: uppercase; } .mobile-nav:after { content: ''; display: table; border-right: 1px solid #767676; border-bottom: 1px solid #767676; width: 18px; height: 18px; position: absolute; right: 25px; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 20px; } .mobile-nav.active:after { top: 30px; border: none; border-top: 1px solid #767676; border-left: 1px solid #767676; } .mobile-top-btn { display: none; } .breadcrumbs{ display: none; } @media screen and (max-width: 991px) { /* =============== DEFAULT CSS ================ */ .top-menu-wrapper { padding: 0 15px; } .mobile-nav { display: block; } .mobile-top-btn { display: inline-block; } .mobile-nav span { font-size: 20px; } .top-nav { display: none; border-top: 1px solid #F6F6F6; margin-bottom: 50px; position: relative; z-index: 500; } .top-nav ul { background: #FCFCFC; } .top-nav ul li { width: 100% !important; border: none; border-bottom: 1px solid #F6F6F6; margin: 0px; display: block; } .top-nav ul li a { text-align: left; font-weight: 500; letter-spacing: normal; line-height: 30px; font-size: 20px; } .top-nav ul li a span { color: #707070; } .top-nav ul li:last-child a { background-color: transparent; color: inherit; padding-left: 0px; display: none; } .top-nav ul li:last-child a:hover { background-color: transparent; } .top-nav ul li a.active:after { width: 0; } .top-nav-section.stick { height: 75px; } .stick .top-nav ul { padding: 0; } .ksp-content { padding: 20px 10px; } .modal-lg { width: auto; } .mobile-top-btn { padding: 15px; font-size: 20px; } } </style> <section class="main-section"><!--- ================ TOP NAVIGATION ================ --><section class="top-nav-section"> <div class="top-menu-wrapper"> <div class="row"> <div class="col-md-12 col-sm-12 col-xs-12 mobile-nav-wrapper no-padding"> <div class="row"> <div class="mobile-nav-container"><a class="mobile-nav"><span>menu</span></a></div> <div class="mobile-top-container"><a class="mobile-top-btn" href="printers.html">SHOP NOW</a></div> </div> <nav class="top-nav"> <ul> <li id="personal-nav"><a class="active" href="personal-printer"><span>personal</span></a></li> <li id="business-nav"><a href="business-printer"><span>business</span></a></li> <li class="hide_for_sm"><a class="cta-blue-btn" href="printers.html"><span>SHOP NOW</span></a></li> </ul> </nav></div> </div> </div> </section> <div class="empty-div"></div> <!--- =============== TOP NAVIGATION END =============== --> <div class="personal-laptops-class"><section class="hero-banner"> <div class="main-wrap"> <div> <div class="col-md-12 col-sm-12 col-xs-12 text-center"> <div class="tagline"> <h2>Home / Home Office Printer</h2> <p>Stylish, affordable options that offer versatility for your home and home office.<br/> Easily print vibrant photos, creative projects, or laser quality text-even from your smartphone or tablet.</p> </div> </div> </div> </div> </section><section class="laptop-section"> <div class="main-wrap"> <div> <div class="col-md-4 col-sm-6 col-xs-12 text-center"> <div class="laptop-wrap"><img src="https://id-media.apjonlinecdn.com/wysiwyg/personal-printer/images/ink-adv1.png" alt="Deskjet Ink Advantage" /> <div class="clear_50h"></div> <h2>DESKJET INK ADVANTAGE</h2> <p>Up to 200 monthly print volume<br/> Wireless printing available</p> <div class="clear_30h"></div> <p class="price-laptop">from : Rp 499.000 </p> <div class="clear_30h"></div> <div class="laptop_ctas"><a class="cta-blue-btn" href="printers/personal-and-home-printers/hp-deskjet-ink-tank.html">Shop now</a></div> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12 text-center"> <div class="laptop-wrap"><img src="https://id-media.apjonlinecdn.com/wysiwyg/personal-printer/images/ink-tank1.png" alt="Ink-tank System" /> <div class="clear_50h"></div> <h2>INK-TANK SYSTEM</h2> <p>400 - 800 monthly print volume<br/> Up to 8,000 pages (color)</p> <div class="clear_30h"></div> <p class="price-laptop">from : Rp 499.000 </p> <div class="clear_30h"></div> <div class="laptop_ctas"><a class="cta-blue-transparent" href="printers-hp-ink-tank-system">Learn more</a> <a class="cta-blue-btn" href="printers/personal-and-home-printers/ink-tank-system.html">Shop now</a></div> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12 text-center"> <div class="laptop-wrap"><img src="https://id-media.apjonlinecdn.com/wysiwyg/business-printer/images/laserjet.png" alt="Laserjet" /> <div class="clear_50h"></div> <h2>LASERJET</h2> <p>200 - 25,000 monthly page volume<br/> Leading security and solutions offerings</p> <div class="clear_30h"></div> <p class="price-laptop">from : Rp 1.357.000 </p> <div class="clear_30h"></div> <div class="laptop_ctas"><a class="cta-blue-btn" href="printers/personal-and-home-printers/laserjet.html">Shop now</a></div> </div> </div> <div class="clear_50h hide_for_sm"></div> <div class="col-md-2"></div> <div class="col-md-4 col-sm-6 col-xs-12 text-center"> <div class="laptop-wrap"><img src="https://id-media.apjonlinecdn.com/wysiwyg/business-printer/images/officejet-1.png" alt="Officejet" /> <div class="clear_50h"></div> <h2>OFFICEJET</h2> <p>Speed and quality that's comparable to color laser<br/> at up to 50% less cost per page</p> <div class="clear_30h"></div> <p class="price-laptop">from : Rp 1.800.000 </p> <div class="clear_30h"></div> <div class="laptop_ctas"><a class="cta-blue-btn" href="printers/personal-and-home-printers/officejet.html">Shop now</a></div> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12 text-center"> <div class="laptop-wrap"><img src="https://id-media.apjonlinecdn.com/wysiwyg/personal-printer/images/sprocket1.png" alt="Sprocket" /> <div class="clear_50h"></div> <h2>SPROCKET</h2> <p>Stickable snapshots<br/> Photo sticker printing</p> <div class="clear_30h"></div> <p class="price-laptop">from : Rp 1.999.000 </p> <div class="clear_30h"></div> <div class="laptop_ctas"><a class="cta-blue-transparent" href="sprocket">Learn more</a> <a class="cta-blue-btn" href="printers/personal-and-home-printers/sprocket.html">Shop now</a></div> </div> </div> <!--div class="col-md-4 col-sm-6 col-xs-12 text-center"> <div class="laptop-wrap"><img src="https://id-media.apjonlinecdn.com/wysiwyg/personal-printer/images/tango.png" alt="Tango" /> <div class="clear_50h"></div> <h2>TANGO</h2> <p>&nbsp;<br/> &nbsp;</p> <div class="clear_30h"></div> <p class="price-laptop">from : </p> <div class="clear_30h"></div> <div class="laptop_ctas"><a class="cta-blue-transparent" href="">Learn more</a> <a class="cta-blue-btn" href="">Shop now</a></div> </div> </div--> </div> </div> </section> <div class="clear_50h"></div> <div class="main-wrap"> <div> <div class="col-md-12 col-sm-12 col-xs-12 text-center"> <h2 class="section_title_black">FUNCTIONS</h2> </div> </div> </div> <div class="clear_50h"></div> <section> <div class="main-wrap"> <div> <div class="col-md-6 col-sm-6 col-xs-12 text-center"> <div class="shop-by"><img src="https://id-media.apjonlinecdn.com/wysiwyg/personal-printer/images/icon1.png" alt="" /> <div class="clear_50h"></div> <div class="usecase-title"> <h2>PRINTER ONLY</h2> </div> <div class="form_ctas"><a class="cta-blue-btn" href="printers.html?hp_facet_functions=Print+only">Shop now</a></div> </div> </div> <div class="col-md-6 col-sm-6 col-xs-12 text-center"> <div class="shop-by"><img src="https://id-media.apjonlinecdn.com/wysiwyg/personal-printer/images/icon2.png" alt="" /> <div class="clear_50h"></div> <div class="usecase-title"> <h2>ALL-IN-ONE</h2> </div> <div class="form_ctas"><a class="cta-blue-btn" href="printers.html?hp_facet_functions%5B0%5D=Print+scan+copy+and+fax&hp_facet_functions%5B1%5D=Print+scan+and+copy">Shop now</a></div> </div> </div> </div> </div> </section> <div class="clear_30h"></div> <div class="clear_30h"></div> <div class="main-wrap"> <div> <div class="col-md-12 col-sm-12 col-xs-12 text-center"> <h2 class="section_title_black">FEATURES</h2> </div> </div> </div> <div class="clear_50h"></div> <section> <div class="main-wrap"> <div> <div class="col-md-4 col-sm-6 col-xs-12 text-center"> <div class="shop-by"><img src="https://id-media.apjonlinecdn.com/wysiwyg/personal-printer/images/icon4.png" alt="" /> <div class="clear_50h"></div> <div class="usecase-title"> <h2>WI-FI PRINTING</h2> </div> <div class="form_ctas"><a class="cta-blue-btn" href="printers/personal-and-home-printers.html?hp_facet_connect=Wireless+%28Wi-Fi®%29">Shop now</a></div> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12 text-center"> <div class="shop-by"><img src="https://id-media.apjonlinecdn.com/wysiwyg/personal-printer/images/icon5.png" alt="" /> <div class="clear_50h"></div> <div class="usecase-title"> <h2>A3 PAPER</h2> </div> <div class="form_ctas"><a class="cta-blue-btn" href="printers/a3-printers.html">Shop now</a></div> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12 text-center"> <div class="shop-by"><img src="https://id-media.apjonlinecdn.com/wysiwyg/personal-printer/images/icon6.png" alt="" /> <div class="clear_50h"></div> <div class="usecase-title"> <h2>TOUCH SCREEN</h2> </div> <div class="form_ctas"><a class="cta-blue-btn" href="printers/personal-and-home-printers.html?hp_facet_feat=Touchscreen">Shop now</a></div> </div> </div> </div> </div> </section> <div class="clear_50h"></div> <div class="clear_30h"></div> <div class="main-wrap"> <div> <div class="col-md-12 col-sm-12 col-xs-12 text-center"><a href="smartfinder/findmyprinter"><img style="max-width: 100%;" src="https://id-media.apjonlinecdn.com/wysiwyg/personal-printer/images/find-my-printer.jpg" alt="" /></a></div> <div class="clear_30h"></div> <div class="col-md-12 col-sm-12 col-xs-12 text-center">
</div></div> </div> </div> <div class="clear_50h"></div> </section>
Compare Products
HP employees: Report website issues