Add Categories and a fresh look index soon to be pushed

.gitignore

@@ -2,4 +2,3 @@
 env/
 .env/
 build/
-html_site/

html_site/index.html

@@ -82,12 +82,12 @@
                     <div class="container">
                         <div class="px-logo-area">
                             <div class="left-side">
-<!--                                <div class="logo"><a href="#"><img src="assets/images/logo.png" alt=""></a></div> !-->
+                               <div class="logo"><a href="#"><img src="assets/images/logo.png" alt=""></a></div> !
                             </div>
                             <div class="right-side">
                                 <div class="px-head-info">
                                     <ul>
-<!--                                        <li><span>Opening Hours</span>Mon - Sat 8.00 - 18.00</li> !-->
+                                       <li><span>Opening Hours</span>Mon - Sat 8.00 - 18.00</li> !
                                         <li><span>Call Us</span>1-844-629-5507</li>
                                     </ul>
                                 </div>
@@ -99,7 +99,7 @@
                                 <ul>
                                     <li><a href="index.html">Home</a></li>
                                     <li><a href="about.html">About Us</a></li>
-<!--                                    <li>
+                                   <li>
                                         <a href="#">Pages</a>
                                         <ul class="sub-dropdown">
                                             <li><a href="services.html">Services</a></li>
@@ -110,27 +110,27 @@
                                             <li><a href="result.html">Result</a></li>
                                         </ul>
                                     </li>
-                                    <li><a href="price-packages.html">Pricing</a></li> !-->
+                                    <li><a href="price-packages.html">Pricing</a></li> !
                                     <li>
                                         <a href="portfolio.html">Portfolio</a>
-                                        <!--<ul class="sub-dropdown">-->
+                                        <ul class="sub-dropdown">
-                                            <!--<li><a href="portfolio-list.html">Portfolio List</a></li>-->
+                                            <li><a href="portfolio-list.html">Portfolio List</a></li>
-                                            <!--<li><a href="portfolio-columns2.html">Portfolio columns2</a></li>-->
+                                            <li><a href="portfolio-columns2.html">Portfolio columns2</a></li>
-                                            <!--<li><a href="portfolio-columns3.html">Portfolio columns3</a></li>-->
+                                            <li><a href="portfolio-columns3.html">Portfolio columns3</a></li>
-                                            <!--<li><a href="portfolio-columns4.html">Portfolio columns4</a></li>-->
+                                            <li><a href="portfolio-columns4.html">Portfolio columns4</a></li>
-                                            <!--<li><a href="portfolio-modren.html">Portfolio modren</a></li>-->
+                                            <li><a href="portfolio-modren.html">Portfolio modren</a></li>
-                                            <!--<li>-->
+                                            <li>
-                                                <!--<a href="#">Portfolio Detail</a>-->
+                                                <a href="#">Portfolio Detail</a>
-                                                <!--<ul>-->
+                                                <ul>
-                                                <!--<li><a href="portfolio-detail.html">Portfolio Detail</a></li>-->
+                                                <li><a href="portfolio-detail.html">Portfolio Detail</a></li>
-                                                <!--<li><a href="portfolio-detail2.html">Portfolio Detail 2</a></li>-->
+                                                <li><a href="portfolio-detail2.html">Portfolio Detail 2</a></li>
-                                                <!--<li><a href="portfolio-detail3.html">Portfolio Detail 3</a></li>-->
+                                                <li><a href="portfolio-detail3.html">Portfolio Detail 3</a></li>
-                                                 <!--<li><a href="portfolio-detail4.html">Portfolio Detail 4</a></li>-->
+                                                 <li><a href="portfolio-detail4.html">Portfolio Detail 4</a></li>
-                                                <!--</ul>-->
+                                                </ul>
-                                            <!--</li>-->
+                                            </li>
-                                        <!--</ul>-->
+                                        </ul>
                                     </li>
-<!--                                    <li><a href="#">Blog</a>
+                                   <li><a href="#">Blog</a>
                                         <ul class="sub-dropdown">
                                             <li><a href="bloglarge.html">Blog Large</a></li>
                                             <li><a href="blogbox.html">Blog Box</a></li>
@@ -145,15 +145,15 @@
                                             <li><a href="team-list.html">Team List</a>
                                             <li><a href="team-detail.html">Team Detail</a></li>
                                         </ul>
-                                    </li>!-->
+                                    </li>!
                                     <li><a href="contactus.html">Contact Us</a></li>
                                 </ul>
                             </nav>
-<!--                           <a href="contactus2.html" class="btn-quote">Get Quick Quote</a>!-->
+                          <a href="contactus2.html" class="btn-quote">Get Quick Quote</a>!
                         </div>
                     </div>
                 </div>
-<!--                <div class="px-banner">
+               <div class="px-banner">
                     <div class="flexslider px-bannerslider">
                       <ul class="slides">
                         <li>
@@ -166,8 +166,8 @@
                                     Refine<span>Cabinets</span>
                                 </h1>
                                 <a class="px-btn" href="#">Get Quick Qoute</a>
-                            </div> !-->
+                            </div> !
-                         <!--</div>
+                         </div>
                         </li>
                          <li>
                           <img src="assets/extra-images/banner1.jpg"/>
@@ -177,7 +177,7 @@
                         </li>
                       </ul>
                     </div>
-                </div>!--> 
+                </div>! 
             </header>
             <!-- Header -->
             <!-- Main Content -->
@@ -195,7 +195,7 @@
 											</div>
 										</div>
 									</div>
-<!--                                    <div class="element-size-50">
+                                   <div class="element-size-50">
                                         <div class="lightbox col-md-12">
                                             <div class="px-section-title">
                                                 <h4>If it's wood, we can make it.</h4>
@@ -213,8 +213,8 @@
                                                 <a href="#" class="px-btn">Get Quick Qoute</a>
                                             </div>
                                         </div>
-                                    </div> !-->
+                                    </div> !
-<!--                                    <div class="element-size-50">
+                                   <div class="element-size-50">
                                         <div class="col-md-12">
                                         <div class="px-section-title">
                                             <h4>Our Work by Category</h4>
@@ -273,9 +273,9 @@
                                     </div>
                                 </div>
                             </div>
-                        </div>!-->
+                        </div>!
                     </section>
-<!--                    <section class="page-section" style="background:url(assets/extra-images/bg-services.png) no-repeat; background-size:cover; padding:64px 0 10px;">
+                   <section class="page-section" style="background:url(assets/extra-images/bg-services.png) no-repeat; background-size:cover; padding:64px 0 10px;">
                         <div class="container">
                             <div class="row">
                                 <div class="section-fullwidth">
@@ -385,7 +385,7 @@
                                 </div>
                             </div>
                         </div>
-                    </section>!-->
+                    </section>!
                     <section class="page-section" style="margin-bottom:12px; padding:51px 0 0 0;">
                         <div class="container">
                             <div class="row">
@@ -393,8 +393,8 @@
                                     <div class="element-size-100">
                                         <div class="px-section-title col-md-12">
                                             <h2>Portfolio</h2>
-                                           <!-- <p class="px-textborder">One jeepers stood owing and narrow while among that orca thanks.</p>
+                                           <p class="px-textborder">One jeepers stood owing and narrow while among that orca thanks.</p>
-                                            <a href="#" class="px-portfolio-btn">View Full Portfolio</a>!-->
+                                            <a href="#" class="px-portfolio-btn">View Full Portfolio</a>!
                                         </div>
                                     </div>
                                     <div class="element-size-100">
@@ -776,7 +776,7 @@
                             </div>
                         </div>
                     </section>
-<!--                    <section class="page-section" style="padding:30px 0;">
+                   <section class="page-section" style="padding:30px 0;">
                         <div class="container">
                             <div class="row">
                                 <div class="element-size-50">
@@ -882,8 +882,8 @@
                                 </div>
                             </div>
                         </div>
-                    </section>!-->
+                    </section>!
-<!--                    <section class="page-section">
+                   <section class="page-section">
                         <div class="container">
                             <div class="row">
                                 <div class="element-size-100">
@@ -910,7 +910,7 @@
                                 </div>
                             </div>
                         </div>
-                    </section>!-->
+                    </section>!
                 </div>
             </main>
             <!-- Main Content -->
@@ -920,10 +920,10 @@
                     <!-- <div class="row"> -->
                         <div class="px-footer-block">
                             <div class="left-side">
-<!--                                 <div class="logo"><a href="#"><img src="assets/images/footer-logo.png" alt=""></a></div> !-->
+                                <div class="logo"><a href="#"><img src="assets/images/footer-logo.png" alt=""></a></div> !
                             </div>
                             <div class="right-side">
-<!--                                <div class="twitter_widget">
+                               <div class="twitter_widget">
                                     <ul class="slides">
                                         <li>
                                             <p>RT <a href="#">@abduzeedo:</a>Ori and the Blind Forest Game Concepts <a href="#">http://t.co/3IWkWzqVgu </a> and we have some prolem with <a href="#">http://t.co/wlIknBrJw4</a></p>
@@ -948,7 +948,7 @@
                                         </li>
                                     </ul>
                                 </div>
-                            </div>!-->
+                            </div>!
                         </div>
                         <div class="px-widget-block row">
                             <div class="col-md-3">
@@ -964,7 +964,7 @@
                                      <a href="#" class="btn-map">View Map</a>
                                 </aside>
                             </div>
-<!--                            <div class="col-md-6">
+                           <div class="col-md-6">
                                 <aside class="widget widget_pages">
                                     <div class="widget-section-title">
                                         <h5>Our Expertise</h5>
@@ -1014,8 +1014,8 @@
                                 </form>
                                 </aside>
                             </div>
-                        </div> !-->
+                        </div> !
-                    <!-- </div> -->
+                    </div>
                 </div>
                 <section id="copyright">
                     <div class="container">