Skip to main content
title

Content Sections


1 2 3 4

company profile

Creative Digital Agency

You will get all statistic from your business. Upgency tells you exactly what kind of financial information you need to enter and then it does all the calculations automatically using built-in formulas. Lorem Ipsum has been the industry's standard dummy.

Our Services
                
                  <!-- =========={ About }==========  -->
                  <div id="about" class="section py-6 py-md-7 bg-white">
                    <div class="container">
                      <!-- row -->
                      <div class="row justify-content-between">
                        <div class="col-lg-6" data-aos="fade-right">
                          <!-- About 2 Thumb -->
                          <div class="text-center">
                            <div class="px-5 px-md-6 mb-5 mb-lg-0">
                              <img class="img-fluid" src="src/img-min/ilustration/creative.svg" alt="company profile">
                            </div>
                          </div>
                        </div>
                        <div class="col-lg-6" data-aos="flip-up">
                          <div class="py-0">
                            <h2 class="fw-bold mb-3">Creative Digital Agency</h2>
                            <p class="lead mb-5">You will get all statistic from your business. Upgency tells you exactly what kind of financial information you need to enter and then it does all the calculations automatically using built-in formulas. Lorem Ipsum has been the industry's standard dummy.</p>
                            <a href="#services" class="btn btn-primary">
                              Our Services
                              <svg class="bi bi-chevron-double-right ms-2" width=".8rem" height=".8rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" d="M3.646 1.646a.5.5 0 01.708 0l6 6a.5.5 0 010 .708l-6 6a.5.5 0 01-.708-.708L9.293 8 3.646 2.354a.5.5 0 010-.708z" clip-rule="evenodd"></path>
                                <path fill-rule="evenodd" d="M7.646 1.646a.5.5 0 01.708 0l6 6a.5.5 0 010 .708l-6 6a.5.5 0 01-.708-.708L13.293 8 7.646 2.354a.5.5 0 010-.708z" clip-rule="evenodd"></path>
                              </svg>
                            </a>
                          </div>
                        </div>
                      </div><!-- end row -->
                    </div>
                  </div><!-- End About -->
                
              
landing page
  1. W3C LogoW3C® is a trademark (registered in numerous countries) of the World Wide Web Consortium; marks of W3C are registered and held by its host institutions MIT, ERCIM, and Keio. For more information see: http://www.w3.org/

    Validated by W3C

    All HTML pages are validated by W3C standards, test Upgency quality code.

  2. RTL Supported

    Supported RTL layout for Arabic, Persian, Urdu and etc.

  3. Service Worker

    Try turning off your internet, and reload this demo site. you can still access it even though you are offline.

                
                  <!-- =========={ About }==========  -->
                  <div id="about" class="section py-6 py-md-7 bg-white">
                    <div class="container">
                      <!-- showcase  -->
                      <div class="row">
                        <div class="col-lg-6 order-lg-2 align-self-center">
                          <div class="px-5 mb-5 my-lg-0" data-aos="fade-left">
                            <img src="src/img-min/ilustration/development.svg" class="img-fluid" alt="landing page">
                          </div>
                        </div>

                        <div class="col-lg-6 order-lg-1">
                          <!-- processs vertical -->
                          <ol class="process-vertical ps-0" data-aos="flip-up">
                            <li class="process-vertical-item">
                              <div class="process-vertical-icon">
                                <div class="process-vertical-icon-bg me-auto rounded-circle p-2">
                                  <span>
                                    <svg xmlns="http://www.w3.org/2000/svg" class="text-primary" width="2rem" height="2rem" viewBox="5.006 23.881 199.987 95.238"><title>W3C Logo</title><desc>W3C® is a trademark (registered in numerous countries) of the World Wide Web Consortium; marks of W3C are registered and held by its host institutions MIT, ERCIM, and Keio. For more information see: http://www.w3.org/</desc><path d="M52.352 24.412l16.955 57.643L86.26 24.412h45.965v5.73l-17.308 29.816c6.08 1.949 10.679 5.498 13.795 10.641 3.119 5.146 4.681 11.184 4.681 18.121 0 8.578-2.283 15.787-6.845 21.632-4.562 5.844-10.465 8.768-17.713 8.768-5.458 0-10.211-1.732-14.262-5.201-4.054-3.469-7.054-8.164-9.002-14.09l9.585-3.975c1.404 3.586 3.256 6.412 5.556 8.475 2.299 2.066 5.009 3.1 8.125 3.1 3.271 0 6.041-1.832 8.302-5.494 2.262-3.664 3.393-8.065 3.393-13.215 0-5.691-1.209-10.096-3.623-13.213-2.811-3.662-7.215-5.496-13.216-5.496h-4.674V64.4l16.367-28.297H95.63l-1.124 1.914-24.031 81.087h-1.169l-17.54-58.69-17.536 58.69h-1.168L5.006 24.408h12.276l16.953 57.643 11.46-38.815-5.611-18.826h12.273v-.004l-.005.006z" fill="currentColor"></path><path fill="currentColor" d="M196.02 24.412c-2.41 0-4.574.869-6.215 2.535-1.74 1.768-2.709 4.051-2.709 6.412s.922 4.549 2.611 6.266c1.717 1.74 3.928 2.686 6.314 2.686 2.334 0 4.6-.945 6.36-2.658 1.688-1.641 2.611-3.828 2.611-6.289a8.944 8.944 0 0 0-2.584-6.289c-1.7-1.745-3.94-2.663-6.38-2.663h-.008zm7.78 9.024c0 2.064-.799 3.979-2.26 5.393-1.543 1.494-3.457 2.289-5.569 2.289-1.986 0-3.949-.818-5.418-2.311-1.466-1.494-2.287-3.406-2.287-5.443 0-2.039.846-4.027 2.36-5.566 1.416-1.443 3.328-2.211 5.416-2.211 2.14 0 4.051.799 5.543 2.311 1.45 1.438 2.22 3.373 2.22 5.538h-.005zm-7.53-5.321h-3.826v10.143h1.914v-4.324h1.892l2.063 4.324h2.137l-2.264-4.621c1.465-.301 2.312-1.293 2.312-2.734.01-1.84-1.391-2.788-4.221-2.788h-.007zm-.35 1.244c1.789 0 2.609.498 2.609 1.74 0 1.191-.82 1.617-2.563 1.617h-1.616v-3.357h1.57zM180.971 23.881l1.987 12.09-7.039 13.469s-2.701-5.715-7.19-8.875c-3.781-2.664-6.246-3.244-10.101-2.449-4.948 1.021-10.562 6.938-13.01 14.234-2.931 8.727-2.959 12.953-3.063 16.832-.164 6.223.816 9.896.816 9.896s-4.275-7.906-4.234-19.486c.027-8.268 1.328-15.764 5.152-23.16 3.365-6.504 8.367-10.408 12.807-10.867 4.59-.473 8.215 1.738 11.021 4.131 2.94 2.516 5.916 8.01 5.916 8.01l6.92-13.825h.018zM181.84 92.289s-3.111 5.562-5.049 7.705c-1.939 2.145-5.408 5.918-9.691 7.807-4.283 1.887-6.529 2.24-10.764 1.836-4.229-.406-8.16-2.854-9.537-3.877-1.377-1.021-4.898-4.029-6.889-6.836-1.992-2.807-5.102-8.416-5.102-8.416s1.731 5.623 2.819 8.01c.623 1.375 2.541 5.576 5.267 9.232 2.541 3.41 7.475 9.283 14.973 10.609 7.498 1.328 12.65-2.041 13.926-2.855 1.273-.814 3.961-3.066 5.664-4.889 1.775-1.896 3.457-4.32 4.385-5.773.682-1.062 1.789-3.215 1.789-3.215l-1.79-9.331-.001-.007z"></path></svg>
                                  </span>
                                </div>
                              </div>

                              <div class="process-vertical-content ms-lg-4">
                                <h3 class="h5">Validated by W3C</h3>
                                <p>All HTML pages are validated by W3C standards, test Upgency quality code.</p>
                              </div>
                            </li>

                            <li class="process-vertical-item">
                              <div class="process-vertical-icon">
                                <div class="process-vertical-icon-bg me-auto rounded-circle p-2">
                                  <span>
                                    <svg xmlns="http://www.w3.org/2000/svg" class="text-primary" width="1.5rem" height="1.5rem" fill="currentColor" viewBox="0 0 512 512"><line x1="48" y1="112" x2="336" y2="112" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="192" y1="64" x2="192" y2="112" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><polyline points="272 448 368 224 464 448" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="301.5" y1="384" x2="434.5" y2="384" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path d="M281.3,112S257,206,199,277,80,384,80,384" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path d="M256,336s-35-27-72-75-56-85-56-85" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
                                  </span>
                                </div>
                              </div>

                              <div class="process-vertical-content ms-lg-4">
                                <h3 class="h5">RTL Supported</h3>
                                <p>Supported RTL layout for Arabic, Persian, Urdu and etc.</p>
                              </div>
                            </li>

                            <li class="process-vertical-item">
                              <div class="process-vertical-icon">
                                <div class="process-vertical-icon-bg me-auto rounded-circle p-2">
                                  <span>
                                    <svg class="bi bi-gear text-primary" width="1.5rem" height="1.5rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                      <path fill-rule="evenodd" d="M8.837 1.626c-.246-.835-1.428-.835-1.674 0l-.094.319A1.873 1.873 0 014.377 3.06l-.292-.16c-.764-.415-1.6.42-1.184 1.185l.159.292a1.873 1.873 0 01-1.115 2.692l-.319.094c-.835.246-.835 1.428 0 1.674l.319.094a1.873 1.873 0 011.115 2.693l-.16.291c-.415.764.42 1.6 1.185 1.184l.292-.159a1.873 1.873 0 012.692 1.116l.094.318c.246.835 1.428.835 1.674 0l.094-.319a1.873 1.873 0 012.693-1.115l.291.16c.764.415 1.6-.42 1.184-1.185l-.159-.291a1.873 1.873 0 011.116-2.693l.318-.094c.835-.246.835-1.428 0-1.674l-.319-.094a1.873 1.873 0 01-1.115-2.692l.16-.292c.415-.764-.42-1.6-1.185-1.184l-.291.159A1.873 1.873 0 018.93 1.945l-.094-.319zm-2.633-.283c.527-1.79 3.065-1.79 3.592 0l.094.319a.873.873 0 001.255.52l.292-.16c1.64-.892 3.434.901 2.54 2.541l-.159.292a.873.873 0 00.52 1.255l.319.094c1.79.527 1.79 3.065 0 3.592l-.319.094a.873.873 0 00-.52 1.255l.16.292c.893 1.64-.902 3.434-2.541 2.54l-.292-.159a.873.873 0 00-1.255.52l-.094.319c-.527 1.79-3.065 1.79-3.592 0l-.094-.319a.873.873 0 00-1.255-.52l-.292.16c-1.64.893-3.433-.902-2.54-2.541l.159-.292a.873.873 0 00-.52-1.255l-.319-.094c-1.79-.527-1.79-3.065 0-3.592l.319-.094a.873.873 0 00.52-1.255l-.16-.292c-.892-1.64.902-3.433 2.541-2.54l.292.159a.873.873 0 001.255-.52l.094-.319z" clip-rule="evenodd"></path>
                                      <path fill-rule="evenodd" d="M8 5.754a2.246 2.246 0 100 4.492 2.246 2.246 0 000-4.492zM4.754 8a3.246 3.246 0 116.492 0 3.246 3.246 0 01-6.492 0z" clip-rule="evenodd"></path>
                                    </svg>
                                  </span>
                                </div>
                              </div>

                              <div class="process-vertical-content ms-lg-4">
                                <h3 class="h5">Service Worker</h3>
                                <p>Try turning off your internet, and reload this demo site. you can still access it even though you are offline.</p>
                              </div>
                            </li>
                          </ol><!-- end processs vertical -->
                        </div>
                      </div>
                    </div>
                  </div><!-- End About -->
                
              

Faster and Secure

Upgency the best Android mobile cleaner & booster can optimize your phone performance and keep your device clean and secure.

  • Phone Boosters but I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born.

  • Junk Cleaner but I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born.

  • Antivirus but I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born.

                
                  <!-- =========={ About }==========  -->
                  <div id="about" class="section py-6 py-md-7 bg-light">
                    <div class="container">
                      <div class="row justify-content-between">
                        <div class="col-xl-5 px-5 px-md-6 px-lg-8 align-self-center">
                          <!-- Service Thumb -->
                          <div class="text-center mb-5 mb-xl-0" data-aos="fade-right">
                            <!-- Android potrait -->
                            <figure class="position-relative">
                              <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480.000000 906.000000">
                                <!-- Clip path image -->
                                <defs>
                                  <clipPath id="svgf">
                                    <rect x="50" y="16.5" width="480" height="1066"/>
                                  </clipPath>
                                </defs>
                                <!-- Phone screen -->
                                <image clip-path="url(#svgf)" xlink:href="src/img-min/app/android-potrait.jpg" height="94%" width="100%" style="transform:translateY(15px);"></image>
                                <!-- Phone cover -->
                                <image xlink:href="src/img-min/app/device/android-dark.png" height="100%" width="100%"></image>
                              </svg>
                            </figure>
                          </div>
                        </div>

                        <div class="col-xl-7">
                          <div class="pb-4 pt-0" data-aos="fade-left">
                            <h2 class="fw-bold mb-3">Faster and Secure</h2>
                            <p>Upgency the best Android mobile cleaner & booster can optimize your phone performance and keep your device clean and secure.</p>
                            <ul class="ps-0 list-unstyled">
                              <li class="py-2">
                                <div class="p-3 float-start me-4 rounded bg-primary text-white">
                                  <!-- <i class="fas fa-"></i> -->
                                  <svg xmlns="http://www.w3.org/2000/svg" class="rtl-270" width="1.5rem" height="1.5rem" viewBox="0 0 512 512"><path stroke="currentColor" d="M461.81,53.81a4.4,4.4,0,0,0-3.3-3.39c-54.38-13.3-180,34.09-248.13,102.17a294.9,294.9,0,0,0-33.09,39.08c-21-1.9-42-.3-59.88,7.5-50.49,22.2-65.18,80.18-69.28,105.07a9,9,0,0,0,9.8,10.4l81.07-8.9a180.29,180.29,0,0,0,1.1,18.3,18.15,18.15,0,0,0,5.3,11.09l31.39,31.39a18.15,18.15,0,0,0,11.1,5.3,179.91,179.91,0,0,0,18.19,1.1l-8.89,81a9,9,0,0,0,10.39,9.79c24.9-4,83-18.69,105.07-69.17,7.8-17.9,9.4-38.79,7.6-59.69a293.91,293.91,0,0,0,39.19-33.09C427.82,233.76,474.91,110.9,461.81,53.81ZM298.66,213.67a42.7,42.7,0,1,1,60.38,0A42.65,42.65,0,0,1,298.66,213.67Z" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></path><path stroke="currentColor" d="M109.64,352a45.06,45.06,0,0,0-26.35,12.84C65.67,382.52,64,448,64,448s65.52-1.67,83.15-19.31A44.73,44.73,0,0,0,160,402.32" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></path></svg>
                                </div>
                                <div class="list-text">
                                  <p>Phone Boosters but I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born.</p>
                                </div>
                              </li>
                              <li class="py-2">
                                <div class="p-3 float-start me-4 rounded bg-primary text-white">
                                  <!-- <i class="fas fa-"></i> -->
                                  <svg xmlns="http://www.w3.org/2000/svg" width="1.5rem" height="1.5rem" viewBox="0 0 512 512"><path stroke="currentColor" d="M112,112l20,320c.95,18.49,14.4,32,32,32H348c17.67,0,30.87-13.51,32-32l20-320" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></path><line stroke="currentColor" x1="80" y1="112" x2="432" y2="112" style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"></line><path stroke="currentColor" d="M192,112V72h0a23.93,23.93,0,0,1,24-24h80a23.93,23.93,0,0,1,24,24h0v40" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></path><line x1="256" y1="176" x2="256" y2="400" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></line><line stroke="currentColor" x1="184" y1="176" x2="192" y2="400" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></line><line stroke="currentColor" x1="328" y1="176" x2="320" y2="400" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></line></svg>
                                </div>
                                <div class="list-text">
                                  <p>Junk Cleaner but I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born.</p>
                                </div>
                              </li>
                              <li class="py-2">
                                <div class="p-3 float-start me-4 rounded bg-primary text-white">
                                  <!-- <i class="fas fa-"></i> -->
                                  <svg class="bi bi-shield-shaded" width="1.5rem" height="1.5rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" d="M5.443 1.991a60.17 60.17 0 00-2.725.802.454.454 0 00-.315.366C1.87 7.056 3.1 9.9 4.567 11.773c.736.94 1.533 1.636 2.197 2.093.333.228.626.394.857.5.116.053.21.089.282.11A.73.73 0 008 14.5c.007-.001.038-.005.097-.023.072-.022.166-.058.282-.111.23-.106.525-.272.857-.5a10.197 10.197 0 002.197-2.093C12.9 9.9 14.13 7.056 13.597 3.159a.454.454 0 00-.315-.366c-.626-.2-1.682-.526-2.725-.802C9.491 1.71 8.51 1.5 8 1.5c-.51 0-1.49.21-2.557.491zm-.256-.966C6.23.749 7.337.5 8 .5c.662 0 1.77.249 2.813.525a61.09 61.09 0 012.772.815c.528.168.926.623 1.003 1.184.573 4.197-.756 7.307-2.367 9.365a11.191 11.191 0 01-2.418 2.3 6.942 6.942 0 01-1.007.586c-.27.124-.558.225-.796.225s-.526-.101-.796-.225a6.908 6.908 0 01-1.007-.586 11.192 11.192 0 01-2.417-2.3C2.167 10.331.839 7.221 1.412 3.024A1.454 1.454 0 012.415 1.84a61.11 61.11 0 012.772-.815z" clip-rule="evenodd"></path>
                                    <path d="M8 2.25c.909 0 3.188.685 4.254 1.022a.94.94 0 01.656.773c.814 6.424-4.13 9.452-4.91 9.452V2.25z"></path>
                                  </svg>
                                </div>
                                <div class="list-text">
                                  <p>Antivirus but I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born.</p>
                                </div>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div><!-- End About -->
                
              
business man

Hi! I'am Mark Hernandez

I'am a freelance, front designer & web programmer. I serve a variety of website design services to meet your needs. With more than 7 years of experience in the field of website design will make your website become professional and SEO friendly.

  • Date of birth: 1 may 1990

  • Email: support@domain.com

  • Phone: +1-234-456-7890

  • Location: Amphitheatre, Mountain View 3465, USA

                
                  <!-- =========={ ABOUT }==========  -->
                  <section id="about" class="py-6 py-md-7 bg-white">
                    <div class="container">
                      <!-- row -->
                      <div class="row">
                        <div class="col-lg-6 px-5 px-md-0 text-center" data-aos="fade-right">
                          <img src="src/img-min/section/businessman.jpg" class="img-fluid shadow-sm rounded" alt="business man"> 
                        </div>

                        <div class="col-lg-6 align-self-center" data-aos="fade-left">
                          <div class="mt-5 mt-lg-0"> 
                            <h2 class="fw-bold mb-3">Hi! I'am Mark Hernandez</h2>
                            <p>I'am a freelance, front designer & web programmer. I serve a variety of website design services to meet your needs. With more than 7 years of experience in the field of website design will make your website become professional and SEO friendly.</p>
                            <ul class="list-unstyled mb-0">
                              <li>
                                <p>
                                  <!-- <i class="fas fa-calendar me-2"></i> -->
                                  <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" class="me-1" fill="currentColor" viewBox="0 0 512 512"><rect x="48" y="80" width="416" height="384" rx="48" ry="48" style="fill:none;stroke:currentColor;stroke-linejoin:round;stroke-width:32px"/><path d="M397.82,80H114.18C77.69,80,48,110.15,48,147.2V208H64c0-16,16-32,32-32H416c16,0,32,16,32,32h16V147.2C464,110.15,434.31,80,397.82,80Z"/><circle cx="296" cy="232" r="24"/><circle cx="376" cy="232" r="24"/><circle cx="296" cy="312" r="24"/><circle cx="376" cy="312" r="24"/><circle cx="136" cy="312" r="24"/><circle cx="216" cy="312" r="24"/><circle cx="136" cy="392" r="24"/><circle cx="216" cy="392" r="24"/><circle cx="296" cy="392" r="24"/><line x1="128" y1="48" x2="128" y2="80" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="384" y1="48" x2="384" y2="80" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
                                  <span class="fw-bold">Date of birth:</span> 1 may 1990
                                </p>
                              </li>
                              <li>
                                <p>
                                  <!-- <i class="fas fa-envelope me-2"></i> -->
                                  <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" class="me-1" fill="currentColor" viewBox="0 0 512 512"><rect x="48" y="96" width="416" height="320" rx="40" ry="40" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><polyline points="112 160 256 272 400 160" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
                                  <span class="fw-bold">Email:</span> support@domain.com
                                </p>
                              </li>
                              <li>
                                <p>
                                  <!-- <i class="fas fa-phone fas-rotate-90 me-2"></i> -->
                                  <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" class="me-1" fill="currentColor" viewBox="0 0 512 512"><path d="M451,374c-15.88-16-54.34-39.35-73-48.76C353.7,313,351.7,312,332.6,326.19c-12.74,9.47-21.21,17.93-36.12,14.75s-47.31-21.11-75.68-49.39-47.34-61.62-50.53-76.48,5.41-23.23,14.79-36c13.22-18,12.22-21,.92-45.3-8.81-18.9-32.84-57-48.9-72.8C119.9,44,119.9,47,108.83,51.6A160.15,160.15,0,0,0,83,65.37C67,76,58.12,84.83,51.91,98.1s-9,44.38,23.07,102.64,54.57,88.05,101.14,134.49S258.5,406.64,310.85,436c64.76,36.27,89.6,29.2,102.91,23s22.18-15,32.83-31a159.09,159.09,0,0,0,13.8-25.8C465,391.17,468,391.17,451,374Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"/></svg>
                                  <span class="fw-bold">Phone:</span> +1-234-456-7890
                                </p>
                              </li>
                              <li>
                                <div class="pb-2">
                                  <p>
                                    <!-- <i class="fas fa-map-marker-alt me-2"></i> -->
                                    <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" class="me-1" fill="currentColor" viewBox="0 0 512 512"><path d="M256,48c-79.5,0-144,61.39-144,137,0,87,96,224.87,131.25,272.49a15.77,15.77,0,0,0,25.5,0C304,409.89,400,272.07,400,185,400,109.39,335.5,48,256,48Z" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><circle cx="256" cy="192" r="48" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
                                    <span class="fw-bold">Location:</span> Amphitheatre, Mountain View 3465, USA
                                  </p>
                                </div>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div><!-- end row -->
                    </div>
                  </section><!-- end about -->