Updated index.html , style.css and image section #47

index.html

@@ -61,21 +61,21 @@ <h2 class="byline">Think&nbsp;•&nbsp;Invent&nbsp;•&nbsp;Create</h2>
     <div class="icon-table">
     <div class="container">
         <div class="intro1">
-  		      <img src="img/icon-open.svg" class="pad" alt="Open Source" onerror="this.onerror=null; this.src='img/brlcad-icon-open.png'">
+              <img src="img/icon-open.svg" class="pad" alt="Open Source" onerror="this.onerror=null; this.src='img/brlcad-icon-open.png'">
             <h2 class="intro-topic">Open Source!</h2>
             <p class="intro-main">
                 100% FREE with people all over the world contributing their thoughts. Escape vendor lock-in, for any purpose, forever.
             </p>
         </div>
         <div class="intro1">
-  		      <img src="img/icon-love.svg" class="pad" alt="Join Us!" onerror="this.onerror=null; this.src='img/brlcad-icon-love.png'">
+              <img src="img/icon-love.svg" class="pad" alt="Join Us!" onerror="this.onerror=null; this.src='img/brlcad-icon-love.png'">
             <h2 class="intro-topic">Join Us!</h2>
             <p class="intro-main">
                 Help make a better CAD system, make modeling fun. No experience necessary.
             </p>
         </div>
         <div class="intro1">
-  		      <img src="img/icon-3d.svg" class="pad" alt="Solid Modeling!" onerror="this.onerror=null; this.src='img/brlcad-icon-3d.png'">
+              <img src="img/icon-3d.svg" class="pad" alt="Solid Modeling!" onerror="this.onerror=null; this.src='img/brlcad-icon-3d.png'">
             <h2 class="intro-topic">Solid Modeling!</h2>
             <p class="intro-main">
                 Hybrid CSG and B-REP kernel with innovative methods for unambiguous 3D geometry. Verification, validation, performance.
@@ -133,6 +133,60 @@ <h2 class="intro-topic">Free & Open</h2>
         </ul><a href="http://brlcad.org/d/about" class="nots-opts1">Learn&nbsp;More</a>
       </div>
     </div>
+
+
+   <!-- FEATURES -->
+   <div class="about-features" id="about">
+
+            <div class="features-main features">
+                <h1 class="main-h1"><span class="brl">Feat</span><span class="cad">ures</span></h1>
+            </div>
+
+    </div>
+
+    <div class="icon-table features">
+        <div class="container">
+            <div class="intro1">
+                  <img src="img/Raytracing.png" class="pad" alt="Raytracing">
+            </div>
+            <div class="intro1">
+                  <img src="img/Scripting Interface.png" class="pad" alt="Scripting Interface">
+            </div>
+            <div class="intro1">
+                  <img src="img/Sphere.png" class="pad" alt="Solid Geo">
+            </div>
+            <div class="intro1">
+                  <img src="img/Satellite.png" class="pad" alt="Satellite">
+            </div>
+
+        </div>
+    </div>
+
+<div class="features">
+    <div class="what-r ">
+      <div class="container">
+        <p class="what-p align-center">
+            BRL-CAD has thousands of distinct features that have been developed over a number of decades. One of the main strenght is solid modeling system with integrated high-performance rendering. 
+        </p>
+        <br>
+        <ul class="what-p points">
+            <li>One strength of a solid modeling system with integrated high-performance rendering is the ability to showcase some of distinct features graphically.</li>
+            <li>BRL-CAD focuses on solid modeling CAD which is physically more accurate, and is fully able to describe 3D space.</li>
+            <li>BRL-CAD is widely used for performing geometric analysis (e.g., calculating weights and moments of inertia) and for rendering images for visualization purposes.</li>
+            <li>BRL-CAD also provides a comprehensive procedural geometry interface for creating models algorithmically instead of manually.</li>
+            <li>Boundary representation NURBS surface geometry is one of the dominant geometric representation formats in CAD.  BRL-CAD is one of the few 3D solid modeling systems that not only support geometry in boundary representation NURBS format but also provide extensive support for robust solid ray tracing of NURBS geometry. </li>
+            <li>BRL-CAD gives users the ability to build and analyze realistic models of complex objects. There are a number of features aimed at inspecting, preparing, verifying, and validating geometry models.</li> 
+            <li>Single-ray sampling can be used for measuring thicknesses or distances, and certain 3D analyses are possible (such as calculating volume, centroids, and moments of inertia).</li> 
+            <li>BRL-CAD also has numerous facilities for detecting and resolving assembly or part interferences where two objects spatially overlap each other.</li>
+        </ul>
+
+
+        <a href="http://write.flossmanuals.net/contributors-guide-to-brl-cad/feature-overview/" class="nots-opts1">Learn&nbsp;More</a>
+        </div>
+    </div>
+</div>
+<!-- End of Features -->
+
     <div class="articles">
         <div class="article-table">
             <a onclick="Alert1.render1('1')"><img src="img/Archer_logo.png" alt="IMAGE1"></a>
@@ -141,26 +195,7 @@ <h2 class="intro-topic">Free & Open</h2>
             <a onclick="Alert4.render4('4')"><img src="img/mascot.png" alt="IMAGE4"></a>
         </div>
     </div>
-    <!--    <div class="last">
-      <h1 class="main-h1">
-        Let's talk!
-      </h1>
-      <form>
-        <table class="whole-con">
-          <tr>
-            <td class="con1">
-              <textarea class="message" placeholder="Instant Message..."></textarea>
-            </td>
-            <td class="con2">
-              <input class="inputs" type="text" placeholder="Your Name"><br>
-              <input class="inputs" type="text" placeholder="Your E-mail"><br>
-              <div class="submits" onclick="Alert5.render5('5')">Send!</div>
-            </td>
-          </tr>
-        </table>
-      </form>
-    </div>
--->
+
     <div class="social">
         <h1 class="main-h1" style="font-size: 1.55rem; color: #fff;">Follow us on social media!</h1>
         <ul class="links">