<!--This tag includes the top template for my website.-->
<?php require "layout-top.php"; ?>

        <!--The whole content of the page.-->
        <div id="page-content">
            <div class="item-categories">
                <!--The links that user had to use to get here.-->
                <ul class="breadcrumb-product">
                    <li><a href="index.php">Home</a></li>
                    <li><a href="shop.php">Products</a></li>
                    <li>GTX 1080TI MSI GAMING PRO</li>
                </ul>
            </div>
            <div class="item-details">
                <div class="item-details-left">
                    <!--Picture of the product-->
                    <img class="item-picture"src="img/1080ti.png">
                </div>
                <div class="item-details-right">
                    <!--Title of the product-->
                    <div class="product-title">GTX 1080TI MSI Gaming X</div>
                    <div class="fancy-line-4"></div>
                    <!--Short description on the side-->
                    <div class="item-short-descripton">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut fringilla, odio vel tempor suscipit, ex ligula suscipit tellus, quis ultricies lacus quam at quam. Donec egestas diam eu ante iaculis tristique. Suspendisse accumsan auctor arcu, quis ultricies massa accumsan quis. Donec vitae tortor eu dolor convallis vulputate in a metus. Morbi viverra eros eu luctus iaculis. Mauris vehicula molestie hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam fringilla porttitor urna sit amet varius.
                        <br>
                        <br>
                        In hac habitasse platea dictumst. Nunc tincidunt cursus urna at maximus. Etiam sodales tellus eu placerat vestibulum. Donec lorem diam, viverra ut imperdiet condimentum, ultricies sed augue. Aenean posuere sed augue sit amet tincidunt. Pellentesque convallis ligula non tortor mattis, et mollis odio semper. Aenean malesuada luctus interdum. Aenean sed augue eget justo sagittis iaculis id ac quam. Ut feugiat, ligula luctus blandit lobortis, mauris diam porttitor leo, et interdum ante eros quis turpis. Curabitur pharetra nulla eu tellus fringilla lobortis.
                    </div>
                    <div class="buy-now-section">
                        <div class="fancy-line-4"></div>
                        <!--Price of the product-->
                        <div class="price-for-item">
                        Price: £899.99
                        </div>
                        <!--This will be a button that will add that product to the cart.-->
                        <div class="add-to-cart">
                            ADD TO CART
                        </div>
                        <div class="fancy-line-4"></div>
                    </div>
                    <div class="item-categories-page">
                        <!--Specfies category of the product-->
                        Categories:
                        <a class="categories-links-tags" href="buildYourPc.html">Computer Parts</a>,
                        <a class="categories-links-tags" href="buildYourPc.html">Grapghic Cards</a>
                        <div class="item-categories-page">
                        <!--specifies tags of the product-->
                        Tags:
                        <a class="categories-links-tags" href="buildYourPc.html">Hardware</a>,
                        <a class="categories-links-tags" href="buildYourPc.html">GPU</a>,
                        <a class="categories-links-tags" href="buildYourPc.html">High End</a>,
                        <a class="categories-links-tags" href="buildYourPc.html">Performance</a>,
                        </div>
                    </div>
                </div>
            </div>
            <div class="item-description">
                <!--Full desctiption of the product.-->
                <div class="item-description-title">Product Details:</div>
                <div class="item-description-text">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam a velit tristique, rhoncus magna et, mollis eros. Donec mi lacus, gravida ut auctor eu, scelerisque id mi. Phasellus eu lobortis nisl, eu pretium felis. Phasellus feugiat ac diam sit amet finibus. Suspendisse sodales magna eu fermentum rhoncus. Nulla elit massa, posuere a feugiat quis, viverra id nisi. Duis eget sapien velit. Pellentesque nisl nunc, bibendum ut condimentum et, porttitor in purus. Donec placerat massa quis metus imperdiet, vitae ullamcorper mauris porta. Donec erat enim, vulputate nec aliquet non, facilisis at orci. Donec ut laoreet nunc. Donec in hendrerit velit.
                    <br><br>
                    Sed non egestas risus, sed laoreet erat. Suspendisse aliquam lacus tincidunt, blandit magna quis, pretium risus. Aenean gravida lectus felis, sed vehicula felis pellentesque ut. Duis id congue lectus. Nunc sit amet aliquet dui, nec tempus mauris. Donec dignissim mollis ex lacinia fermentum. Aliquam suscipit orci pharetra diam convallis luctus. Nam euismod eros quis tincidunt porta. Proin a velit id dolor egestas scelerisque. Duis ut malesuada elit. Vestibulum vel nulla eu ex sagittis sagittis.
                    <br><br>
                    Phasellus cursus ligula tellus, sed eleifend nisi tincidunt at. Duis vitae faucibus sapien. Phasellus mollis dictum risus, sit amet porttitor leo efficitur ac. Suspendisse id pellentesque lectus. Sed vel erat justo. Mauris condimentum justo nisl, elementum iaculis mi ornare vitae. Nunc et rhoncus massa, sit amet commodo dolor. Duis feugiat nulla eu est dapibus vestibulum. Donec blandit, mi quis euismod posuere, lacus metus ornare eros, ut hendrerit urna justo eget metus. Fusce laoreet tortor nec maximus porta. In hac habitasse platea dictumst. Etiam commodo, ipsum id molestie sollicitudin, tortor leo tincidunt turpis, eget pretium velit dolor sit amet lectus. Suspendisse convallis tortor et quam porttitor volutpat.
                    <br><br>
                    Cras euismod eros in fringilla tempus. Vestibulum a tortor quis libero porta eleifend et non nulla. Ut ac commodo libero, vitae lacinia augue. Donec a convallis eros, vitae accumsan dolor. Suspendisse rutrum aliquam lorem, ac consectetur eros rutrum ut. Maecenas posuere ultricies metus, a rutrum tellus tincidunt eget. Quisque tempor turpis leo, ut pulvinar erat accumsan quis. Morbi sed cursus elit. Fusce bibendum dapibus feugiat. Phasellus facilisis arcu at vehicula sagittis. Integer molestie et libero et iaculis. Nunc varius enim eget placerat facilisis. Suspendisse ac tristique enim. Nam rhoncus molestie odio. Praesent eget neque nisl.
                    <br><br>
                    Nulla facilisi. Vivamus tortor justo, eleifend sit amet felis euismod, tincidunt malesuada nisl. Donec iaculis ut mi ut fermentum. Nunc sit amet sollicitudin purus, eget luctus est. Pellentesque porttitor et nisi vel ornare. Cras congue ultrices ornare. Morbi eget varius mi, eget placerat urna. Donec vulputate vel tellus et pretium.
                </div>
            </div>
        </div>

<!--This ta includes the bottom template for my website.-->
<?php require "layout-bottom.php"; ?>