Added a feature section #42

index.html

@@ -133,6 +133,49 @@ <h2 class="intro-topic">Free & Open</h2>
         </ul><a href="http://brlcad.org/d/about" class="nots-opts1">Learn&nbsp;More</a>
       </div>
     </div>
+    <div class="features">
+        <div class="container">
+            <h1 style="font-size: 3.33rem; margin-bottom: 40px;">Features</h1>
+            <ul class="what-p">
+                <li style="margin-bottom:125px">
+                    <img src="img/solid.png"  width="100%" style="padding:20px; float:right ; max-width:442px ;min-width:50px" />
+                    <h2 class="intro-topic">Solid Geometry</h2>
+                    <p class="intro-main2">
+                        BRL-CAD focuses on solid modeling CAD. Solid modeling is distinguished from other forms of geometric modeling by an emphasis on
+                        being physically accurate, fully describing 3D space.
+                    </p>
+
+                </li>
+                <hr />
+                <li style="margin-bottom:240px">
+                    <img src="img/ray.png" width="100%" style="padding: 20px; float:left ; max-width:442px ;min-width:50px" />
+                    <h2 class="intro-topic">Raytracing</h2>
+                    <p class="intro-main2">
+                        Raytracing is central to BRL-CAD as a means for performing geometric analysis
+                        and for rendering images for visualization purposes.
+                    </p>
+                </li>
+                <hr />
+                <li style="margin-bottom:161px">
+                    <img src="img/conv.png" width="100%" style="padding: 20px; float:right ; max-width:442px ;min-width:50px" />
+                    <h2 class="intro-topic">Geometry Conversion</h2>
+                    <p class="intro-main2">
+                        A BRL-CAD target description can be converted to a finite element mesh (FEM) using the BRL-CAD g-sat exporter and Cubit from Sandia National Laboratories.
+                    </p>
+                </li>
+                <hr />
+                <li style="margin-bottom:250px">
+                    <img src="img/pg.jpg" width="100%" style="padding: 20px; float:left ; max-width:442px ;min-width:50px" />
+                    <h2 class="intro-topic">Procedural Geometry</h2>
+                    <p class="intro-main2">
+                        BRL-CAD provides a comprehensive procedural geometry interface as a means for creating models
+                        algorithmically instead of manually.
+                    </p>
+                </li>
+            </ul>
+            <a href="http://write.flossmanuals.net/contributors-guide-to-brl-cad/feature-overview/" class="nots-opts5">Find out More</a>
+        </div>
+    </div>
     <div class="articles">
         <div class="article-table">
             <a onclick="Alert1.render1('1')"><img src="img/Archer_logo.png" alt="IMAGE1"></a>

style.css

@@ -252,6 +252,12 @@ a.menu{
     font-size:1rem;
     color:#333;
 }
+.intro-main2 {
+    font-weight: lighter;
+    margin: 5px;
+    font-size: 1rem;
+    color: #fff;
+}
 .what-r{
     margin-top: 20px;
     background: #000;
@@ -266,6 +272,12 @@ a.menu{
     font-size:1.11rem;
     margin: 15px;
 }
+.features {
+    background: #000;
+    padding: 40px 90px 40px 90px;
+    color: #fff;
+    font-size: 1.33rem;
+}
 .articles{
     text-align: center;
     padding: 70px 50px 70px 70px;
@@ -526,6 +538,40 @@ a.menu{
     -o-transition: ease-in-out .3s background;
     -ms-transition: ease-in-out .3s background;
 }
+.nots-opts5 {
+    border: 2px solid #fff;
+    background: #fff;
+    color: #d0245e;
+    font-family: Intro, Segoe UI, Open Sans, Arial, sans-serif;
+    outline-color: #fff;
+    border-radius: 5px;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    -o-border-radius: 5px;
+    padding: 5px;
+    font-size: 0.88rem;
+    margin: 0px 0px 20px 0px;
+    cursor: pointer;
+    display: block;
+    width: 200px;
+    height: 35px;
+    line-height: 35px;
+    margin: auto;
+    margin-top: 20px;
+    text-align: center;
+    margin-left:500px;
+}
+
+    .nots-opts5:hover {
+        background: #000;
+        color: #fff;
+        /*    color: #f64747; */
+        transition: ease-in-out .3s background;
+        -webkit-transition: ease-in-out .3s background;
+        -moz-transition: ease-in-out .3s background;
+        -o-transition: ease-in-out .3s background;
+        -ms-transition: ease-in-out .3s background;
+    }
 
             #dialogoverflow{
                 display: none;