From a51832822de008606ce922ec754ddf4c5074b4dc Mon Sep 17 00:00:00 2001
From: folkse7 <58465635+folkse7@users.noreply.github.com>
Date: Sat, 4 Jan 2020 10:12:02 +0400
Subject: [PATCH] Add files via upload

---
 index.html | 40 ++++++++++++++++++++++++++++++++++++++++
 style.css  | 53 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 93 insertions(+)

diff --git a/index.html b/index.html
index 1c1487a4..fb17c12d 100644
--- a/index.html
+++ b/index.html
@@ -133,6 +133,45 @@ <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; margin-top: 20px;">Features</h1>
+                    <div class="c1">
+                        <h2 class="intro-topic">Solid Geometry</h2>
+                    <p class="intro-main">
+                            Solid modeling is distinguished from other forms of geometric modeling by an emphasis on being physically accurate, fully describing 3D space.
+                    </p>
+                    <h2 class="intro-topic">Raytracing</h2>
+                    <p class="intro-main">
+                          Raytracing is central to BRL-CAD as a means for performing geometric analysis and for rendering images for visualization purposes.
+                    </p>
+                </div>
+                        <div class="c3">
+                                <h2 class="intro-topic">Boundary Representation</h2>
+                                <p class="intro-main">
+                                        BRL-CAD supports geometry in boundary representation NURBS format but also supports robust solid ray-tracing of NURBS geometry.
+                                </p>
+                            <h2 class="intro-topic">Scripting interface</h2>
+                            <p class="intro-main">
+                                BRL-CAD can run series of commands piped in or redirected to it via standard input, instead of re-invoking BRL-CAD for each command.
+                            </p>
+                        </div>
+                        <div class="c4">
+                            <h2 class="intro-topic">Cross-Platform Portability</h2>
+                            <p class="intro-main">
+                                BRL-CAD's hardware support includes everything from minimal laptops and desktops to gigantic distributed supercomputers. And it can be executed on most desktop operating systems.
+                            </p>
+                            <h2 class="intro-topic">Constructive Solid Geometry</h2>
+                            <p class="intro-main">
+                                    While now a fully hybrid modeling system, BRL-CAD has its roots in CSG modeling with implicit primitives.
+                            </p>
+                            </div>
+                            <a href="http://write.flossmanuals.net/contributors-guide-to-brl-cad/feature-overview/" class="button">Learn More</a>
+            <hr></hr>
+        </div>
+    </div>
+
     <div class="articles">
         <div class="article-table">
             <a onclick="Alert1.render1('1')"><img src="img/Archer_logo.png" alt="IMAGE1"></a>
@@ -141,6 +180,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!
diff --git a/style.css b/style.css
index 3e5a00ac..ae13a27a 100755
--- a/style.css
+++ b/style.css
@@ -1062,7 +1062,60 @@ New Navigtaion
     width: 100%;
   }
 }
+.features {
+    padding: 60px;
+}
+
+.c1 {
+    columns: 2;
+    -webkit-columns: 2;
+    -moz-columns: 2;
+    -o-columns: 2;
+    -ms-columns: 2;
+}
+
+.c3 {
+    columns: 2;
+    -webkit-columns: 2;
+    -moz-columns: 2;
+    -o-columns: 2;
+    -ms-columns: 2;
+}
 
+.c4 {
+    columns: 2;
+    -webkit-columns: 2;
+    -moz-columns: 2;
+    -o-columns: 2;
+    -ms-columns: 2;
+}
+
+.button {
+    border: 2px solid #2c3e50;
+    background: #2c3e50;
+    color: #fff;
+    font-family: Intro, Segoe UI, Open Sans, Arial, sans-serif;
+    outline-color: #2c3e50;
+    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;
+  }
+
+ hr {
+margin-top: 50px;
+ }
 /* Mobile */
 @media only screen and (max-width: 780px) {