SmartTechWeb · semz-ui · Nov 2, 2021 · Nov 2, 2021
diff --git a/Chart_Icon.jpg b/Chart_Icon.jpg
diff --git a/Globe_Icon.png b/Globe_Icon.png
diff --git a/Person_Icon.jpg b/Person_Icon.jpg
diff --git a/Thumbs_Icon.jpg b/Thumbs_Icon.jpg
diff --git a/about-us-brand.png b/about-us-brand.png
diff --git a/about-us-relationship.png b/about-us-relationship.png
diff --git a/index.html b/index.html
@@ -15,14 +15,120 @@
         </nav>
     </header>
     <body>
+        <main>
         <section id="about" class="about">
             <div class="image">
-                <h1>About Section</h1>
+              <h1>About Section</h1>
+              <!-- <img src="images/Virtual_Reality_3.jpg" alt="background image" width="500" height="500"> -->
+            </div>
+            <h1>We are one of the world’s largest logistics platforms</h1>
+              <p>C.H. Robinson solves logistics problems for companies across the globe and across industries,
+                 from the simple to the most complex. With $21 billion in freight under management and 19 million shipments annually,
+                we are one of the world’s largest logistics platforms. 
+                Our global suite of services accelerates trade to seamlessly deliver the products and goods that drive the world’s economy.
+                With the combination of our multimodal transportation management system and expertise,
+                we use our information advantage to deliver smarter solutions for our 105,000 customers and 73,000 contract carriers.
+                Our technology is built by and for supply chain experts to bring faster, more meaningful improvements to our customers’ businesses.
+                As a responsible global citizen, we are also proud to contribute millions of dollars to support causes that matter to our company,
+                our Foundation and our employees.</p>
+              <!-- this is section for the service. Group 1 is to develop the code -->
+                <!-- <h1>About Section</h1> -->
               <!-- this is section for the about. Group 1 is to develop the code -->
-              <!-- for the section. --> 
+            <div>
+            <div class="col-sm">
+                <h1>Mission</h1>
+                    <p>Our people, processes, and technology improve the world’s transportation and supply chains,
+                        delivering exceptional value to our customers and suppliers.</p>
+            </div>
+            <div class="col-sm">
+                <h1>Vision</h1>
+                    <p>Accelerating commerce through the world’s most powerful supply chain platform.</p>
+            </div>
+            </div>
+            <div>
+                <h1>How C.H. Robinson accelerates your advantage</h1>
+                <div>
+                    <div>
+                        <img src="Thumbs_Icon.jpg" alt="">
+                        <a href="">105,000 Active customers</a>
+                    </div>
+                    <div>
+                        <img src="about-us-relationship.png" alt="">
+                        <a href="">73,000 Capacity relationships</a>
+                    </div>
+                    <div>
+                        <img src="Globe_Icon.png" alt="">
+                        <a href="">1 Global technology system</a>
+                    </div>
+                </div>
+                <div>
+                    <div>
+                        <img src="about-us-brand.png" alt="">
+                        <a href="">12 Leaders guide us into the future</a>
+                    </div>   
+                    <div>
+                        <img src="Person_Icon.jpg" alt="">
+                        <a href="">15,000 supply chain experts</a>
+                    </div>
+                    <div>
+                        <img src="Chart_Icon.jpg" alt="">
+                        <a href="">$16.2B Total revenues in 2020</a>
+                    </div>
+                </div> 
+                <div>
+                    <h1>Innovation designed with you in mind</h1>
+                    <p>“I can’t understand why someone would not choose this product.”</p>
+                    <p>—Pat Flynn-Cherenzia, senior director, global logistics and fulfillment, Microsoft</p>
+                    <button>Navisphere Vision</button>
+                </div>
+                <div>
+                    <div>
+                        <a href="">
+                            <h1>Our community</h1>
+                        </a>
+                            <p>Our people are committed to giving back 
+                               to the communities where we live and work 
+                               around the world.
+                            </p>
+                            <a href="">
+                                See how we give back
+                            </a>
+                    </div>
+                    <div>
+                        <a href="">
+                            <h1>our leaders</h1>
+                        </a>
+                        <p>
+                            Our global leadership team has the experience and skillset 
+                            needed to bring innovative ideas to the table.
+                        </p>
+                        <a href="">
+                            Meet our executives
+                        </a>        
+                    </div>
+                    <div>
+                        <a href="">
+                            <h1>Our careers</h1>
+                        </a>
+                        <p>
+                            With dozens of supply chain,
+                            3PL services and areas of expertise, 
+                            it’s likely we have just the position you’ve been looking for.
+                        </p>
+                        <a href="">Launch your career</a>
+                    </div>
+            </div>
             </div>
         </section>
         <section id="service" class="service">
+            <h1>Services Section</h1>
+            <!-- this is section for the about. Group 2 is to develop the code -->
+            <!-- this is section for the service. Group 2 is to develop the code -->
+            <!-- for the section. --> 
+        </section>
+        <section id="contact-us" class="contact-us">
+        </section>
+        </main>
             <h1>Services Section</h1>
             <!-- this is section for the service. Group 2 is to develop the code -->
             <!-- for the section. --> 

diff --git a/untitled.png b/untitled.png