One Hat Cyber Team

Edit File: 354e06e288ea0f6427896cdafdcd3b6e.php

<?php $__env->startSection('content'); ?>

<div class="site__body">
            <div class="block-header block-header--has-breadcrumb">
                <div class="container">
                    <div class="block-header__body">
                        <nav class="breadcrumb block-header__breadcrumb" aria-label="breadcrumb">
                            <ol class="breadcrumb__list">
                                <li class="breadcrumb__spaceship-safe-area" role="presentation"></li>
                                <li class="breadcrumb__item breadcrumb__item--parent breadcrumb__item--first">
                                    <a href="/" class="breadcrumb__item-link">Home</a>
                                </li>
                                <li class="breadcrumb__item breadcrumb__item--parent">
                                    <a href="" class="breadcrumb__item-link">Breadcrumb</a>
                                </li>
                                <li class="breadcrumb__item breadcrumb__item--current breadcrumb__item--last" aria-current="page">
                                    <span class="breadcrumb__item-link">Current Page</span>
                                </li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
            <div class="block-split">
                <div class="container">
                    <div class="block-split__row row no-gutters">
                        <div class="block-split__item block-split__item-content col-auto">
                            <div class="product product--layout--full">
                                <div class="product__body">
                                    <div class="product__card product__card--one bg-custom-gray"></div>
                                    <div class="product__card product__card--two"></div>
                                    <div class="product-gallery product-gallery--layout--product-full product__gallery" data-layout="product-full">
                                        <div class="product-gallery__featured">
                                            <button type="button" class="product-gallery__zoom">
                                                <svg width="24" height="24">
                                                    <path d="M15,18c-2,0-3.8-0.6-5.2-1.7c-1,1.3-2.1,2.8-3.5,4.6c-2.2,2.8-3.4,1.9-3.4,1.9s-0.6-0.3-1.1-0.7
	c-0.4-0.4-0.7-1-0.7-1s-0.9-1.2,1.9-3.3c1.8-1.4,3.3-2.5,4.6-3.5C6.6,12.8,6,11,6,9c0-5,4-9,9-9s9,4,9,9S20,18,15,18z M15,2
	c-3.9,0-7,3.1-7,7s3.1,7,7,7s7-3.1,7-7S18.9,2,15,2z M16,13h-2v-3h-3V8h3V5h2v3h3v2h-3V13z" />
                                                </svg>
                                            </button>
                                            <div class="owl-carousel">
                                                <!--
                The data-width and data-height attributes must contain the size of a larger version
                of the product image.

If you do not know the image size, you can remove the data-width and data-height
                attribute, in which case the width and height will be obtained from the naturalWidth
                and naturalHeight property of img.image__tag.
                -->
                                                <a class="image image--type--product" href="<?php echo e(asset('/assets/images/break4.jpg')); ?>" target="_blank" data-width="700" data-height="700">
                                                    <div class="image__body">
                                                        <img class="image__tag" src="<?php echo e(asset('/assets/images/break4.jpg')); ?>" alt="">
                                                    </div>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="product-gallery__thumbnails">
                                            <div class="owl-carousel">
                                                <div class="product-gallery__thumbnails-item image image--type--product">
                                                    <div class="image__body">
                                                        <img class="image__tag" src="<?php echo e(asset('/assets/images/banner_break_img_3.png')); ?>" alt="">
                                                    </div>
                                                </div>
                                                <div class="product-gallery__thumbnails-item image image--type--product">
                                                    <div class="image__body">
                                                        <img class="image__tag" src="<?php echo e(asset('/assets/images/brake.jpg')); ?>" alt="">
                                                    </div>
                                                </div>
                                                <div class="product-gallery__thumbnails-item image image--type--product">
                                                    <div class="image__body">
                                                        <img class="image__tag" src="<?php echo e(asset('/assets/images/brake3.jpg')); ?>" alt="">
                                                    </div>
                                                </div>
                                                <div class="product-gallery__thumbnails-item image image--type--product">
                                                    <div class="image__body">
                                                        <img class="image__tag" src="<?php echo e(asset('/assets/images/break4.jpg')); ?>" alt="">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product__header px-5">
                                        <h1 class="product__title text-custom-danger">All Weather Terrain Braker
                                                            AS/PRO</h1>
                                        <div class="product__subtitle">
                                            <div class="product__rating">
                                                <div class="product__rating-stars">
                                                    <div class="rating">
                                                        <div class="rating__body">
                                                            <div class="rating__star rating__star--active"></div>
                                                            <div class="rating__star rating__star--active"></div>
                                                            <div class="rating__star rating__star--active"></div>
                                                            <div class="rating__star rating__star--active"></div>
                                                            <div class="rating__star"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="product__rating-label"><a href="">3.5 on 7 reviews</a></div>
                                            </div>
                                            <div class="status-badge status-badge--style--success product__fit status-badge--has-icon status-badge--has-text">
                                                <div class="status-badge__body">
                                                    <div class="status-badge__icon"><svg width="13" height="13">
                                                            <path d="M12,4.4L5.5,11L1,6.5l1.4-1.4l3.1,3.1L10.6,3L12,4.4z" />
                                                        </svg>
                                                    </div>
                                                    <div class="status-badge__text">Part Fit for 2011 Ford Focus S</div>
                                                    <div class="status-badge__tooltip" tabindex="0" data-toggle="tooltip" title="Part Fit for 2011 Ford Focus S"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product__main px-5">
                                        <div class="product__excerpt">
                                            Many philosophical debates that began in ancient times are still debated today.
                                            In one general sense, philosophy is associated with wisdom, intellectual culture and a search for knowledge.
                                        </div>
                                        <div class="product__features my-5 py-5">
                                        <div class="d-flex align-items-center px-4 mb-3">
                                             <h3 class="text-custom-danger mr-2">£150.00</h3> <span style="color:green;">In Stock</span>
                                          </div>
                                        <div class="product__actions">
                                                <div class="product__actions-item product__actions-item--quantity">
                                                    <div class="input-number">
                                                        <input class="input-number__input form-control form-control-lg" type="number" min="1" value="1">
                                                        <div class="input-number__add"></div>
                                                        <div class="input-number__sub"></div>
                                                    </div>
                                                </div>
                                                <div class="product__actions-item product__actions-item--addtocart">
                                                    <button class="btn btn-primary btn-lg btn-block">Add to cart</button>
                                                </div>
                                                <div class="product__actions-divider"></div>
                                                <button class="product__actions-item product__actions-item--wishlist d-flex justify-content-start px-0" type="button">
                                                    <svg width="16" height="16">
                                                        <path d="M13.9,8.4l-5.4,5.4c-0.3,0.3-0.7,0.3-1,0L2.1,8.4c-1.5-1.5-1.5-3.8,0-5.3C2.8,2.4,3.8,2,4.8,2s1.9,0.4,2.6,1.1L8,3.7
	                                            l0.6-0.6C9.3,2.4,10.3,2,11.3,2c1,0,1.9,0.4,2.6,1.1C15.4,4.6,15.4,6.9,13.9,8.4z" />
                                                    </svg>
                                                    <span>Add to wishlist</span>
                                                </button>
                                            </div>
                                        </div>
                                        <div class="row justify-content-start justify-content-md-center align-items-center">
                                          <div class="col-6 col-md-4">
                                             <img src="<?php echo e(asset('/assets/images/delivery.png')); ?>" class="w-75" alt="">
                                             <p class="font-weight-bold">1 - 4 DAYS DELIVERY</h2>
                                          </div>
                                          <div class="col-6 col-md-4">
                                             <img src="<?php echo e(asset('/assets/images/support.png')); ?>" class="w-75" alt="">
                                             <p class="font-weight-bold">24/7 SUPPORT</h2>
                                          </div>
                                          <div class="col-6 col-md-4">
                                             <img src="<?php echo e(asset('/assets/images/gears.png')); ?>" class="w-75" alt="">
                                             <p class="font-weight-bold">100% COMPATIBILITY</h2>
                                          </div>
                                        </div>
                                    </div>

<div class="product__tabs product-tabs product-tabs--layout--full">
                                        <ul class="product-tabs__list">
                                            <li class="product-tabs__item product-tabs__item--active"><a href="#product-tab-description">Description</a></li>
                                            <li class="product-tabs__item"><a href="#product-tab-specification">Specification</a></li>
                                            <li class="product-tabs__item">
                                                <a href="#product-tab-reviews">
                                                    Reviews
                                                    <span class="product-tabs__item-counter">3</span>
                                                </a>
                                            </li>
                                        </ul>
                                        <div class="product-tabs__content">
                                            <div class="product-tabs__pane product-tabs__pane--active" id="product-tab-description">
                                                <div class="typography">
                                                    <p>
                                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas fermentum, diam non iaculis finibus,
                                                        ipsum arcu sollicitudin dolor, ut cursus sapien sem sed purus. Donec vitae fringilla tortor, sed
                                                        fermentum nunc. Suspendisse sodales turpis dolor, at rutrum dolor tristique id. Quisque pellentesque
                                                        ullamcorper felis, eget gravida mi elementum a. Maecenas consectetur volutpat ante, sit amet molestie
                                                        urna luctus in. Nulla eget dolor semper urna malesuada dictum. Duis eleifend pellentesque dui et
                                                        finibus. Pellentesque dapibus dignissim augue. Etiam odio est, sodales ac aliquam id, iaculis eget
                                                        lacus. Aenean porta, ante vitae suscipit pulvinar, purus dui interdum tellus, sed dapibus mi mauris
                                                        vitae tellus.
                                                    </p>
                                                    <h4>Etiam lacus lacus mollis in mattis</h4>
                                                    <p>
                                                        Praesent mattis eget augue ac elementum. Maecenas vel ante ut enim mollis accumsan. Vestibulum vel
                                                        eros at mi suscipit feugiat. Sed tortor purus, vulputate et eros a, rhoncus laoreet orci. Proin sapien
                                                        neque, commodo at porta in, vehicula eu elit. Vestibulum ante ipsum primis in faucibus orci luctus et
                                                        ultrices posuere cubilia Curae; Curabitur porta vulputate augue, at sollicitudin nisl molestie eget.
                                                    </p>
                                                    <p>
                                                        Nunc sollicitudin, nunc id accumsan semper, libero nunc aliquet nulla, nec pretium ipsum risus ac
                                                        neque. Morbi eu facilisis purus. Quisque mi tortor, cursus in nulla ut, laoreet commodo quam.
                                                        Pellentesque et ornare sapien. In ac est tempus urna tincidunt finibus. Integer erat ipsum, tristique
                                                        ac lobortis sit amet, dapibus sit amet purus. Nam sed lorem nisi. Vestibulum ultrices tincidunt turpis,
                                                        sit amet fringilla odio scelerisque non.
                                                    </p>
                                                </div>
                                            </div>
                                            <div class="product-tabs__pane" id="product-tab-specification">
                                                <div class="spec">
                                                    <div class="spec__section">
                                                        <h4 class="spec__section-title">General</h4>
                                                        <div class="spec__row">
                                                            <div class="spec__name">Material</div>
                                                            <div class="spec__value">Aluminium, Plastic</div>
                                                        </div>
                                                        <div class="spec__row">
                                                            <div class="spec__name">Engine Type</div>
                                                            <div class="spec__value">Brushless</div>
                                                        </div>
                                                        <div class="spec__row">
                                                            <div class="spec__name">Battery Voltage</div>
                                                            <div class="spec__value">18 V</div>
                                                        </div>
                                                        <div class="spec__row">
                                                            <div class="spec__name">Battery Type</div>
                                                            <div class="spec__value">Li-lon</div>
                                                        </div>
                                                        <div class="spec__row">
                                                            <div class="spec__name">Number of Speeds</div>
                                                            <div class="spec__value">2</div>
                                                        </div>
                                                        <div class="spec__row">
                                                            <div class="spec__name">Charge Time</div>
                                                            <div class="spec__value">1.08 h</div>
                                                        </div>
                                                        <div class="spec__row">
                                                            <div class="spec__name">Weight</div>
                                                            <div class="spec__value">1.5 kg</div>
                                                        </div>
                                                    </div>
                                                    <div class="spec__section">
                                                        <h4 class="spec__section-title">Dimensions</h4>
                                                        <div class="spec__row">
                                                            <div class="spec__name">Length</div>
                                                            <div class="spec__value">99 mm</div>
                                                        </div>
                                                        <div class="spec__row">
                                                            <div class="spec__name">Width</div>
                                                            <div class="spec__value">207 mm</div>
                                                        </div>
                                                        <div class="spec__row">
                                                            <div class="spec__name">Height</div>
                                                            <div class="spec__value">208 mm</div>
                                                        </div>
                                                    </div>
                                                    <div class="spec__disclaimer">
                                                        Information on technical characteristics, the delivery set, the country of manufacture and the appearance
                                                        of the goods is for reference only and is based on the latest information available at the time of publication.
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-tabs__pane" id="product-tab-reviews">
                                                <div class="reviews-view">
                                                    <div class="reviews-view__list">
                                                        <div class="reviews-list">
                                                            <ol class="reviews-list__content">
                                                                <li class="reviews-list__item">
                                                                    <div class="review">
                                                                        <div class="review__body">
                                                                            <div class="review__avatar"><img src="images/avatars/avatar-1-42x42.jpg" alt=""></div>
                                                                            <div class="review__meta">
                                                                                <div class="review__author">Samantha Smith</div>
                                                                                <div class="review__date">27 May, 2018</div>
                                                                            </div>
                                                                            <div class="review__rating">
                                                                                <div class="rating">
                                                                                    <div class="rating__body">
                                                                                        <div class="rating__star rating__star--active"></div>
                                                                                        <div class="rating__star rating__star--active"></div>
                                                                                        <div class="rating__star rating__star--active"></div>
                                                                                        <div class="rating__star rating__star--active"></div>
                                                                                        <div class="rating__star"></div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="review__content typography">
                                                                                Phasellus id mattis nulla. Mauris velit nisi, imperdiet vitae sodales in, maximus ut lectus. Vivamus commodo scelerisque lacus, at porttitor dui iaculis id. Curabitur imperdiet ultrices fermentum.
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </li>
                                                                <li class="reviews-list__item">
                                                                    <div class="review">
                                                                        <div class="review__body">
                                                                            <div class="review__avatar"><img src="images/avatars/avatar-2-42x42.jpg" alt=""></div>
                                                                            <div class="review__meta">
                                                                                <div class="review__author">Adam Taylor</div>
                                                                                <div class="review__date">12 April, 2018</div>
                                                                            </div>
                                                                            <div class="review__rating">
                                                                                <div class="rating">
                                                                                    <div class="rating__body">
                                                                                        <div class="rating__star rating__star--active"></div>
                                                                                        <div class="rating__star rating__star--active"></div>
                                                                                        <div class="rating__star rating__star--active"></div>
                                                                                        <div class="rating__star"></div>
                                                                                        <div class="rating__star"></div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="review__content typography">
                                                                                Aenean non lorem nisl. Duis tempor sollicitudin orci, eget tincidunt ex semper sit amet. Nullam neque justo, sodales congue feugiat ac, facilisis a augue. Donec tempor sapien et fringilla facilisis. Nam maximus consectetur diam. Nulla ut ex mollis, volutpat tellus vitae, accumsan ligula.
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </li>
                                                                <li class="reviews-list__item">
                                                                    <div class="review">
                                                                        <div class="review__body">
                                                                            <div class="review__avatar"><img src="images/avatars/avatar-3-42x42.jpg" alt=""></div>
                                                                            <div class="review__meta">
                                                                                <div class="review__author">Helena Garcia</div>
                                                                                <div class="review__date">2 January, 2018</div>
                                                                            </div>
                                                                            <div class="review__rating">
                                                                                <div class="rating">
                                                                                    <div class="rating__body">
                                                                                        <div class="rating__star rating__star--active"></div>
                                                                                        <div class="rating__star rating__star--active"></div>
                                                                                        <div class="rating__star rating__star--active"></div>
                                                                                        <div class="rating__star rating__star--active"></div>
                                                                                        <div class="rating__star rating__star--active"></div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="review__content typography">
                                                                                Duis ac lectus scelerisque quam blandit egestas. Pellentesque hendrerit eros laoreet suscipit ultrices.
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </li>
                                                            </ol>
                                                            <div class="reviews-list__pagination">
                                                                <ul class="pagination">
                                                                    <li class="page-item disabled">
                                                                        <a class="page-link page-link--with-arrow" href="" aria-label="Previous">
                                                                            <span class="page-link__arrow page-link__arrow--left" aria-hidden="true"><svg width="7" height="11">
                                                                                    <path d="M6.7,0.3L6.7,0.3c-0.4-0.4-0.9-0.4-1.3,0L0,5.5l5.4,5.2c0.4,0.4,0.9,0.3,1.3,0l0,0c0.4-0.4,0.4-1,0-1.3l-4-3.9l4-3.9C7.1,1.2,7.1,0.6,6.7,0.3z" />
                                                                                </svg>
                                                                            </span>
                                                                        </a>
                                                                    </li>
                                                                    <li class="page-item"><a class="page-link" href="#">1</a></li>
                                                                    <li class="page-item active" aria-current="page">
                                                                        <span class="page-link">
                                                                            2
                                                                            <span class="sr-only">(current)</span>
                                                                        </span>
                                                                    </li>
                                                                    <li class="page-item"><a class="page-link" href="#">3</a></li>
                                                                    <li class="page-item"><a class="page-link" href="#">4</a></li>
                                                                    <li class="page-item page-item--dots">
                                                                        <div class="pagination__dots"></div>
                                                                    </li>
                                                                    <li class="page-item"><a class="page-link" href="#">9</a></li>
                                                                    <li class="page-item">
                                                                        <a class="page-link page-link--with-arrow" href="" aria-label="Next">
                                                                            <span class="page-link__arrow page-link__arrow--right" aria-hidden="true"><svg width="7" height="11">
                                                                                    <path d="M0.3,10.7L0.3,10.7c0.4,0.4,0.9,0.4,1.3,0L7,5.5L1.6,0.3C1.2-0.1,0.7,0,0.3,0.3l0,0c-0.4,0.4-0.4,1,0,1.3l4,3.9l-4,3.9
	C-0.1,9.8-0.1,10.4,0.3,10.7z" />
                                                                                </svg>
                                                                            </span>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <form class="reviews-view__form">
                                                        <h3 class="reviews-view__header">Write A Review</h3>
                                                        <div class="row">
                                                            <div class="col-xxl-8 col-xl-10 col-lg-9 col-12">
                                                                <div class="form-row">
                                                                    <div class="form-group col-md-4">
                                                                        <label for="review-stars">Review Stars</label>
                                                                        <select id="review-stars" class="form-control">
                                                                            <option>5 Stars Rating</option>
                                                                            <option>4 Stars Rating</option>
                                                                            <option>3 Stars Rating</option>
                                                                            <option>2 Stars Rating</option>
                                                                            <option>1 Stars Rating</option>
                                                                        </select>
                                                                    </div>
                                                                    <div class="form-group col-md-4">
                                                                        <label for="review-author">Your Name</label>
                                                                        <input type="text" class="form-control" id="review-author" placeholder="Your Name">
                                                                    </div>
                                                                    <div class="form-group col-md-4">
                                                                        <label for="review-email">Email Address</label>
                                                                        <input type="text" class="form-control" id="review-email" placeholder="Email Address">
                                                                    </div>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="review-text">Your Review</label>
                                                                    <textarea class="form-control" id="review-text" rows="6">

Edit File: 354e06e288ea0f6427896cdafdcd3b6e.php

Featured Products