alt txts updated

public/assets/css/main.css

@@ -1226,9 +1226,9 @@ only screen and (min-width: 576px) and (max-width: 767px) {
   -webkit-transition: all 400ms linear;
   -o-transition: all 400ms linear;
   transition: all 400ms linear;
-  color: #151515;
+  color: #fff;
   justify-content: center;
-  background-color: #fff;
+  background-color: #222222;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
 }
 
@@ -2828,11 +2828,11 @@ ul.footer-contact-info-widget .icon {
   left: 0;
   width: 100%;
   height: 100%;
-  background: linear-gradient(90deg, rgba(16, 32, 57, 0.90) 0%, rgba(11, 21, 38, 0.60) 56.25%, rgba(0, 0, 0, 0.00) 97.81%);
+  /* background: linear-gradient(90deg, rgba(16, 32, 57, 0.90) 0%, rgba(11, 21, 38, 0.60) 56.25%, rgba(0, 0, 0, 0.00) 97.81%); */
 }
 
 .banner-area {
-  max-width: 1075px;
+  max-width: 900px;
   padding-left: 70px;
 }
 

src/app/about-us/page.tsx

@@ -36,7 +36,7 @@ export default function Home2() {
                 <CouterAreaThree />
                 <WhyChooseTwo />
                 <HistoryTwo />
-                <BrandSection />
+                <BrandSection start={9} />
                 <TestimonialsSection className="section-space-bottom" />
                 <ContactSection />
             </main>

src/components/blog/BlogSidebar.tsx

@@ -139,7 +139,7 @@ const BlogSidebar = ({
             {/* Recent News Widget */}
             <div className="single-sidebar-widget">
                 <div className="wid-title">
-                    <h3>Recent News</h3>
+                    <h3>Recent Blogs</h3>
                 </div>
                 <div className="popular-posts">
                     {recentPosts.map((post: any) => (

src/components/careers/WorkProcessSection.tsx

@@ -50,7 +50,7 @@ const WorkProcessSection2 = () => {
                     <img
                         className="rotate360"
                         src="/assets/images/services/journey/element-1.webp"
-                        alt="shape"
+                        alt="metatroncube"
                         style={{ opacity: 0.5 }}
                     />
                 </a>
@@ -94,9 +94,9 @@ const WorkProcessSection2 = () => {
                                 {processCards.map((card) => (
                                     <div key={card.id} className={`process-card card-${card.id}`}>
                                         <div className="number">{card.id}</div>
-                                        <div className="icon">
+                                        {/* <div className="icon">
                                             <span className={card.icon}></span>
-                                        </div>
+                                        </div> */}
                                         <div className="text">
                                             {card.text.split('\n').map((line, i) => (
                                                 <React.Fragment key={i}>

src/components/common/Offcanvas.tsx

@@ -8,7 +8,7 @@ const mobileNavItems = [
         title: "Service",
         link: "/services-digital-solutions",
         children: [
-            { title: "Website Development", link: "/services-digital-solutions/web-development" },
+            { title: "Website Development", link: "/services-digital-solutions/website-development-company" },
             { title: "Mobile Application Development", link: "/services-digital-solutions/mobile-application-development" },
             { title: "Graphic Designing", link: "/services-digital-solutions/graphic-designing-company" },
             { title: "UI / UX Designing", link: "/services-digital-solutions/ui-ux-designing" },

src/components/contact/ContactSection.tsx

@@ -98,14 +98,14 @@ const ContactSection = () => {
                                     <div className="sec-title">
                                         <div className="sec-title__shape"></div>
                                         <h6 className="sec-title__tagline">Let's Connect</h6>
-                                        <h3 className="sec-title__title">Drop us a Line.</h3>
+                                        <h2 className="sec-title__title">Drop us a Line.</h2>
                                         <p>Whether you have a question, a project idea, or just want to chat about your digital needs, our team is here to listen and provide tailored solutions. Reach out to Metatroncube Software Solutions and start your journey towards innovative digital success.</p>
                                     </div>
                                     {/* <img src="https://bracketweb.com/pelocishtml/assets/images/shapes/text-shape-2.png" alt="" className="sec-title__text-shape" /> */}
                                 </div>
                                 <div className="contact-info-list">
                                     <div className="contact-info-item d-flex align-items-center mb-30">
-                                        <div className="icon">
+                                        <div className="Call Anytime">
                                             <i className="fa-solid fa-phone-volume"></i>
                                         </div>
                                         <div className="content">
@@ -114,7 +114,7 @@ const ContactSection = () => {
                                         </div>
                                     </div>
                                     <div className="contact-info-item d-flex align-items-center mb-30">
-                                        <div className="icon">
+                                        <div className="Send Email">
                                             <i className="fa-solid fa-envelope"></i>
                                         </div>
                                         <div className="content">
@@ -123,7 +123,7 @@ const ContactSection = () => {
                                         </div>
                                     </div>
                                     <div className="contact-info-item d-flex align-items-center">
-                                        <div className="icon">
+                                        <div className="Waterloo, Ontario Canada">
                                             <i className="fa-solid fa-location-dot"></i>
                                         </div>
                                         <div className="content">

src/components/home/AboutThree.tsx

@@ -63,7 +63,7 @@ const AboutThree = () => {
                                 <ul className="about-three__card__list">
                                     <li className="about-three__card__item">
                                         <div className="about-three__card__icon">
-                                            <img src="/assets/images/careers/2/icon.webp" alt="icon" />
+                                            <img src="/assets/images/careers/2/icon.webp" alt="Innovate Fearlessly" />
                                         </div>
                                         <h3 className='text-white'>Innovate Fearlessly</h3>
                                     </li>

src/components/home/AboutTwo.tsx

@@ -8,12 +8,12 @@ const AboutTwo = () => {
             <div className="about-two__shape"></div>
             <img
                 src="/assets/images/services/why/left-element.webp"
-                alt="shape"
+                alt="metatroncube canada"
                 className="about-two__shape__two"
             />
             <img
                 src="/assets/images/services/why/right-element.webp"
-                alt="shape"
+                alt="metatroncube digital solutions"
                 className="about-two__shape__three"
                 style={{ opacity: 0.4 }}
             />

src/components/home/CounterAreaThree.tsx

@@ -87,7 +87,7 @@ const CounterAreaThree: React.FC = () => {
                     {counterItems.map((item, index) => (
                         <li key={index} className="counter-area-three__item count-box">
                             <div className="counter-area-three__icon">
-                                <img src={item.icon} alt="icon" />
+                                <img src={item.icon} alt={item.text} />
                             </div>
                             <div className="counter-area-three__content">
                                 <h3 className="counter-area-three__count">

src/components/home/CounterAreaTwo.tsx

@@ -87,7 +87,7 @@ const CounterAreaTwo: React.FC = () => {
                     {counterItems.map((item, index) => (
                         <li key={index} className="counter-area-two__item count-box">
                             <div className="counter-area-two__icon">
-                                <img src={item.icon} alt="icon" />
+                                <img src={item.icon} alt={item.text} />
                             </div>
                             <div className="counter-area-two__content">
                                 <h3 className="counter-area-two__count">

src/components/home/FaqFour.tsx

@@ -81,7 +81,7 @@ const FaqFour = () => {
                             <div className="faq-four__image">
                                 <img
                                     src="/assets/images/faq/2.webp"
-                                    alt="Metatroncube FAQs: web-apps, SEO, & digital marketing"
+                                    alt="Get in touch with metatroncube"
                                 />
                                 <div className="faq-four__image__icon">
                                     <i className="icon-faq">faq</i>

src/components/home/PortfolioSection.tsx

@@ -214,7 +214,7 @@ export default function PortfolioSection() {
                     <div className="sec-title">
                         <div className="sec-title__shape"></div>
                         <h6 className="sec-title__tagline">PORTFOLIO</h6>
-                        <h3 className="sec-title__title">We Serve the Best Works<span className="inner-text"></span></h3>
+                        <h2 className="sec-title__title">We Serve the Best Works<span className="inner-text"></span></h2>
                     </div>
                 </div>
 

src/components/home/ProjectsSection.tsx

@@ -10,7 +10,7 @@ const projectsData = [
         description: "5 Feb, 2025 | Full Time",
         image: "/assets/images/careers/4/web.webp",
         category: "web",
-        link: "/services-digital-solutions/web-development"
+        link: "/services-digital-solutions/website-development-company"
     },
     {
         id: 2,

src/components/home/home-1/AboutSection.tsx

@@ -49,7 +49,7 @@ const AboutSection = () => {
                             </div>
                             <p className="mb-35 wow fadeInLeft" data-wow-delay=".5s">Partner with Metatroncube Software Solutions and unlock a world of digital possibilities in web & app development, SEO, digital marketing, and graphic design services. Our commitment extends beyond mere product delivery; we focus on enhancing your market presence and driving business success with comprehensive digital strategies. Experience the unique Metatroncube advantage in every aspect of digital transformation.</p>
                             <div className="icon-box mb-20 wow fadeInLeft" data-wow-delay=".8s">
-                                <div className="icon">
+                                <div className="Exceptional Digital Quality">
                                     <img src="/assets/images/home/2/icon-1.webp" alt="Exceptional Digital Quality" />
                                 </div>
                                 <div className="content">
@@ -58,7 +58,7 @@ const AboutSection = () => {
                                 </div>
                             </div>
                             <div className="icon-box mb-20 wow fadeInLeft" data-wow-delay=".9s">
-                                <div className="icon">
+                                <div className="Expertise in innovation">
                                     <img src="/assets/images/home/2/icon-2.webp" alt="Expertise in innovation" />
                                 </div>
                                 <div className="content">
@@ -67,7 +67,7 @@ const AboutSection = () => {
                                 </div>
                             </div>
                             <div className="icon-box mb-20 wow fadeInLeft" data-wow-delay=".9s">
-                                <div className="icon">
+                                <div className="Comprehensive web solutions">
                                     <img src="/assets/images/home/2/icon-3.webp" alt="Comprehensive web solutions" />
                                 </div>
                                 <div className="content">

src/components/home/home-1/BannerSection.tsx

@@ -81,10 +81,10 @@ const BannerSection = () => {
                                     style={{ backgroundImage: "url(/assets/images/home/1/dark-light/dark.webp)" }}
                                 ></div> */}
 
-                                <div
+                                {/* <div
                                     className="shape-5"
                                     style={{ backgroundImage: "url(/assets/images/home/1/right/right.webp)" }}
-                                ></div>
+                                ></div> */}
                             </div>
                         </div>
                     ))}

src/components/home/home-1/BrandSection.tsx

@@ -3,7 +3,7 @@ import React from "react";
 import SectionTitle from "@/components/common/SectionTitle";
 import Slider from "react-slick";
 
-const BrandSection = () => {
+const BrandSection = ({ start = 1 }) => {
     const settings = {
         dots: false,
         arrows: false,
@@ -60,10 +60,12 @@ const BrandSection = () => {
                     <Slider {...settings} className="brand-active">
                         {[1, 2, 3, 4, 1, 2, 3, 4].map((num, i) => (
                             <div key={i} className="brand-item">
-                                <span><img
+                                <span>
+                                    <img
                                         src={`/assets/img/add/icon-${num}.webp`}
-                                    alt={`Brand ${i + 1}`}
+                                        alt={`Brand ${start + i}`}
-                                /></span>
+                                    />
+                                </span>
                             </div>
                         ))}
                     </Slider>

src/components/home/home-1/FeaturesSection.tsx

@@ -162,7 +162,7 @@ const FeaturesSection = () => {
                                         <div className="fo-mobile-icon d-md-none mb-3">
                                             <Image
                                                 src={feature.icon}
-                                                alt={feature.title}
+                                                alt={feature.desc}
                                                 width={40}
                                                 height={40}
                                                 style={{ objectFit: "contain" }}
@@ -188,7 +188,7 @@ const FeaturesSection = () => {
                                         <div className="fo-card-icon">
                                             <Image
                                                 src={feature.icon}
-                                                alt={feature.title}
+                                                alt={feature.desc}
                                                 width={50}
                                                 height={50}
                                                 style={{ objectFit: "contain" }}

src/components/home/home-1/ServiceThreeSlider.tsx

@@ -44,7 +44,7 @@ const ServiceThreeSlider = () => {
                                 <div className="service-three__item text-center">
                                     <div className="service-three__item__content">
                                         <div className="service-three__item__icon">
-                                            <img src={service.icon} alt="icon" width="55" height="40" />
+                                            <img src={service.icon} alt={service.title} width="55" height="40" />
                                         </div>
                                         <h3 className="service-three__item__title">
                                             <Link href={`/services-digital-solutions/${service.slug}`}>{service.title}</Link>

src/components/home/home-2/About2Section.tsx

@@ -32,14 +32,14 @@ const About2Section = () => (
                             <div className="sec-title">
                                 <div className="sec-title__shape"></div>
                                 <h6 className="sec-title__tagline">ABOUT US</h6>
-                                <h3 className="sec-title__title">Our Story</h3>
+                                <h2 className="sec-title__title">Our Story</h2>
                             </div>
                             {/* <img src="https://bracketweb.com/pelocishtml/assets/images/shapes/text-shape-2.png" alt="" className="sec-title__text-shape" /> */}
                         </div>
                         <p className="mb-35">Metatroncube Software Solutions was born from a passion for technology and a vision to revolutionize digital interactions. Based in the heart of Waterloo's tech hub, we have been pioneering custom software solutions since 2019.</p>
                         <div className="about-features-list">
                             <div className="about-feature-item-3 wow fadeInRight" data-wow-delay=".6s">
-                                <div className="icon">
+                                <div className="Innovative Solutions">
                                     <i className="fa-solid fa-microchip"></i>
                                 </div>
                                 <div className="content">
@@ -49,7 +49,7 @@ const About2Section = () => (
                                 </div>
                             </div>
                             <div className="about-feature-item-3 wow fadeInRight" data-wow-delay=".7s">
-                                <div className="icon">
+                                <div className="Expert Teamwork">
                                     <i className="fa-solid fa-users-gear"></i>
                                 </div>
                                 <div className="content">
@@ -59,7 +59,7 @@ const About2Section = () => (
                                 </div>
                             </div>
                             <div className="about-feature-item-3 wow fadeInRight" data-wow-delay=".8s">
-                                <div className="icon">
+                                <div className="Future-Ready Approach">
                                     <i className="fa-solid fa-chess-knight"></i>
                                 </div>
                                 <div className="content">

src/components/home/home-2/WorkProcessSection.tsx

@@ -17,7 +17,7 @@ const WorkProcessSection = () => (
                 {[
                     { num: 1, title: "Our Mission", icon: "our-mission.webp", desc: "Empowering businesses with innovative digital growth solutions."},
                     { num: 2, title: "Our Vision", icon: "our-vision.webp", desc: "Redefining digital innovation for a connected, efficient future."},
-                    { num: 3, title: "Our Values", icon: "our-values.webp", desc: "Redefining digital innovation for a connected, efficient future."}
+                    { num: 3, title: "Our Values", icon: "our-values.webp", desc: "Integrity and Trust, Innovation and Excellence, Collaborationl."}
                 ].map((proc, i) => (
                     <div key={i} className="col-xxl-4 col-xl-4 col-lg-4">
                         <div className="work-process-box text-center">

src/components/layout/Footer1.tsx

@@ -101,7 +101,7 @@ const Footer1 = () => {
                                 <div className="footer-widget-2">
                                     <h4 className="mb-20 footer-title">Our Services</h4>
                                     <ul className="service-list">
-                                        <li><Link href="/services-digital-solutions/web-development">Website Development</Link></li>
+                                        <li><Link href="/services-digital-solutions/website-development-company">Website Development</Link></li>
                                         <li><Link href="/services-digital-solutions/mobile-application-development">Mobile Application Development</Link></li>
                                         <li><Link href="/services-digital-solutions/graphic-designing-company">Graphic Designing</Link></li>
                                         <li><Link href="/services-digital-solutions/ui-ux-designing">UI / UX Designing</Link></li>

src/components/layout/NavItemsMetatron.tsx

@@ -7,7 +7,7 @@ const navItems = [
         title: 'Service',
         link: '/services-digital-solutions',
         submenu: [
-             { title: 'Website Development', link: '/services-digital-solutions/web-development' },
+             { title: 'Website Development', link: '/services-digital-solutions/website-development-company' },
             { title: 'Mobile Application Development', link: '/services-digital-solutions/mobile-application-development' },
             { title: 'Graphic Designing', link: '/services-digital-solutions/graphic-designing-company' },
             { title: 'UI / UX Designing', link: '/services-digital-solutions/ui-ux-designing' },

src/components/layout/NavMenu.tsx

@@ -7,7 +7,7 @@ const NavMenu = () => (
         <li className="has-dropdown">
             <Link href="/services-digital-solutions">SERVICE <i className="fa-solid fa-angle-down ms-1"></i></Link>
             <ul className="submenu">
-                <li><Link href="/services-digital-solutions/web-development">WEBSITE DEVELOPMENT</Link></li>
+                <li><Link href="/services-digital-solutions/website-development-company">WEBSITE DEVELOPMENT</Link></li>
                 <li><Link href="/services-digital-solutions/mobile-application-development">MOBILE APPLICATION DEVELOPMENT</Link></li>
                 <li><Link href="/services-digital-solutions/graphic-designing-company">GRAPHIC DESIGNING</Link></li>
                 <li><Link href="/services-digital-solutions/ui-ux-designing">UI / UX DESIGNING</Link></li>

src/components/services-digital-solutions/AboutService.tsx

@@ -36,7 +36,7 @@ const AboutService = () => {
                                 <div className="sec-title mb-4">
                                     <div className="sec-title__shape"></div>
                                     <h6 className="sec-title__tagline">Welcome to Your Next Big Opportunity</h6>
-                                    <h3 className="sec-title__title">Why Join Metatroncube Software Solutions?</h3>
+                                    <h2 className="sec-title__title">Why Join Metatroncube Software Solutions?</h2>
                                 </div>
                                 {/* <img src="https://bracketweb.com/pelocishtml/assets/images/shapes/text-shape-2.png" alt="" className="sec-title__text-shape" /> */}
                                 <p className="section-desc mb-2">

src/utils/constant.utils.ts

@@ -3664,7 +3664,7 @@ AI is not replacing SEO—it’s evolving it. The opportunity for brands that mo
     </ul>
     <p>You're not getting an overseas "one size fits all" strategy. You're getting people who understand that showing up for "coffee near Waterloo Park" can literally be the difference between a quiet afternoon and a line out the door.</p> <p>
   Learn more about us here:
-  <a href="https://metatroncubesolutions.com/about/" target="_blank" style="color: blue; text-decoration: underline;">
+  <a href="https://metatroncubesolutions.com/about-us/" target="_blank" style="color: blue; text-decoration: underline;">
     Click here
   </a>
 </p>
@@ -4980,7 +4980,7 @@ AI is not replacing SEO—it’s evolving it. The opportunity for brands that mo
     <li>A law office in North York that relies on search visibility and reviews</li>
     <li>An e-commerce brand shipping across the GTA and beyond</li>
   </ul>
-  <p>You can read more about their approach on their <a href="https://metatroncubesolutions.com/about/" target="_blank">About page</a>, but here’s the simple idea:</p>
+  <p>You can read more about their approach on their <a href="https://metatroncubesolutions.com/about-us/" target="_blank">About page</a>, but here’s the simple idea:</p>
   <p>Use AI to automate and personalize the boring, repetitive parts of marketing, so you can focus on running and growing your business.</p>
 
   <h4>What Exactly Are AI Marketing Services in Toronto?</h4>
@@ -6605,7 +6605,7 @@ AI is not replacing SEO—it’s evolving it. The opportunity for brands that mo
   <p>You can reach out directly here:</p>
   <p><a href="https://metatroncubesolutions.com/contact/" target="_blank">Contact MetatronCube Solutions</a></p>
   <p>Or learn more about the team and their background:</p>
-  <p><a href="https://metatroncubesolutions.com/about/" target="_blank">About MetatronCube Solutions</a></p>
+  <p><a href="https://metatroncubesolutions.com/about-us/" target="_blank">About MetatronCube Solutions</a></p>
 
   <h4>Final Thoughts: Choosing the Right PPC Partner in Waterloo</h4>
   <p>So, is MetatronCube Solutions the best PPC agency in Waterloo?</p>
@@ -7438,7 +7438,7 @@ AI is not replacing SEO—it’s evolving it. The opportunity for brands that mo
     <li>Professional firms that rely on steady, high-quality leads</li>
   </ul>
   <p>If you want to learn more about the team and their background, you can visit their About page:<br>
-   <a href="https://metatroncubesolutions.com/about/" target="_blank">About MetatronCube Solutions</a></p>
+   <a href="https://metatroncubesolutions.com/about-us/" target="_blank">About MetatronCube Solutions</a></p>
 
   <h4>How AI-Powered Marketing Solutions in Waterloo Actually Work</h4>
   <p class="mb-2">Let’s keep this simple and practical—no heavy jargon.</p>
@@ -8206,7 +8206,7 @@ AI is not replacing SEO—it’s evolving it. The opportunity for brands that mo
 
   <h4>Meet MetatronCube Solutions: Your Local SEO Agency</h4>
   <p>Picture this: A software whiz starts MetatronCube Solutions in 2019, right in Waterloo's tech hub. From 
-  <a href="https://metatroncubesolutions.com/about/" target="_blank">About</a>, you'll see their passion for web dev, SEO, and digital marketing. They're not some distant agency—they get the local vibe, from Laurel Creek trails to Conestoga Mall shoppers.​</p>
+  <a href="https://metatroncubesolutions.com/about-us/" target="_blank">About</a>, you'll see their passion for web dev, SEO, and digital marketing. They're not some distant agency—they get the local vibe, from Laurel Creek trails to Conestoga Mall shoppers.​</p>
   <p>As a local SEO agency, they optimize for Waterloo-specific searches, ensuring your site ranks for "Waterloo plumber" or "Etobicoke dentist" if you're expanding nearby. Their team handles everything under one roof, saving you the hassle of juggling vendors.​</p>
   <p>Businesses near the Waterloo Public Library tell me they love how MetatronCube understands cultural preferences here—like mobile-first strategies for busy students and professionals.</p>
 
@@ -8347,7 +8347,7 @@ info@metatroncubesolutions.com
 
   <h4>Waterloo Success Stories with MetatronCube</h4>
   <p>A bakery on King Street North battled slow winters. MetatronCube ran Instagram Reels + Facebook offers—sales up 35%, per their process. Another, a salon near Westmount Place, used LinkedIn for corporate events, filling chairs.</p>
-  <p>These aren't outliers. Local directories list them strong—Google Maps <a href="https://www.google.com/maps/search/Metatroncube+Software+Solutions+Waterloo" target="_blank">https://www.google.com/maps/search/Metatroncube+Software+Solutions+Waterloo</a>, Waterloo Chamber. Visit <a href="https://metatroncubesolutions.com/about/" target="_blank">About</a> for more.​</p>
+  <p>These aren't outliers. Local directories list them strong—Google Maps <a href="https://www.google.com/maps/search/Metatroncube+Software+Solutions+Waterloo" target="_blank">https://www.google.com/maps/search/Metatroncube+Software+Solutions+Waterloo</a>, Waterloo Chamber. Visit <a href="https://metatroncubesolutions.com/about-us/" target="_blank">About</a> for more.​</p>
 
   <h4>Practical Tips from a Local Social Media Agency</h4>
   <p>Post native videos—higher engagement. Use urgency: "Today only, Uptown pickup." Budget 70% creation, 30% boosts initially.</p>

src/utils/data.ts

@@ -536,7 +536,7 @@ export const ourServices = [
     {
         id: 1,
         title: "Website Development",
-        slug: "web-development",
+        slug: "website-development-company",
         icon: "/assets/images/services/service/icon-1.webp",
         image: "/assets/images/services/service/img-1.webp",
         bigImage: "/assets/images/services/service/web.webp",
@@ -1518,7 +1518,7 @@ Robust Security</li>
                 <div class="row">
                     <div class="col-md-6">
                         <div class="service-details__benefit__img">
-                            <img src="https://bracketweb.com/pelocishtml/assets/images/resources/service-details-2.png" alt="Kitchener Waterloo Website Design">
+                            <img src="https://bracketweb.com/pelocishtml/assets/images/resources/service-details-2.png" alt="Kitchener Waterloo Website Design services">
                         </div>
                     </div>
                     <div class="col-md-6">
@@ -1739,7 +1739,7 @@ Robust Security</li>
                 <div class="row">
                     <div class="col-md-6">
                         <div class="service-details__benefit__img">
-                            <img src="https://bracketweb.com/pelocishtml/assets/images/resources/service-details-2.png" alt="Web Design Waterloo">
+                            <img src="https://bracketweb.com/pelocishtml/assets/images/resources/service-details-2.png" alt="professional Web Design Waterloo">
                         </div>
                     </div>
                     <div class="col-md-6">