created feature-box component and section

2026-09-11 19:16:11 +00:00 · 2021-05-02 12:55:38 +03:00
parent ed73cbb2bb
commit 12ab9e618c
11 changed files with 129 additions and 8 deletions
@@ -0,0 +1,58 @@
+function Feature() {
+  return (
+    <section className="section-features">
+      <div className="row">
+        <div className="col-1-of-4">
+          <div className="feature-box">
+            <i className="feature-box__icon fa fa-globe" />
+            <h3 className="heading-tertiary u-margin-bottom-small">
+              Explore the world
+            </h3>
+            <p className="feature-box__text">
+              Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio
+              iure ipsum facere quia quis dolorum laboriosam omnis esse.
+            </p>
+          </div>
+        </div>
+        <div className="col-1-of-4">
+          <div className="feature-box">
+            <i className="feature-box__icon fa fa-compass" />
+            <h3 className="heading-tertiary u-margin-bottom-small">
+              Meet nature
+            </h3>
+            <p className="feature-box__text">
+              Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio
+              iure ipsum facere quia quis dolorum laboriosam omnis esse.
+            </p>
+          </div>
+        </div>
+        <div className="col-1-of-4">
+          <div className="feature-box">
+            <i className="feature-box__icon fa fa-map" />
+            <h3 className="heading-tertiary u-margin-bottom-small">
+              Find your way
+            </h3>
+            <p className="feature-box__text">
+              Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio
+              iure ipsum facere quia quis dolorum laboriosam omnis esse.
+            </p>
+          </div>
+        </div>
+        <div className="col-1-of-4">
+          <div className="feature-box">
+            <i className="feature-box__icon fa fa-heart" />
+            <h3 className="heading-tertiary u-margin-bottom-small">
+              Live a healthier life
+            </h3>
+            <p className="feature-box__text">
+              Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio
+              iure ipsum facere quia quis dolorum laboriosam omnis esse.
+            </p>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}
+
+export default Feature;