Onekit Corporation
You will get all statistic from your business. Onekit 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/svg/presentation2.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">Onekit Corporation</h2>
<p class="lead mb-5">You will get all statistic from your business. Onekit 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-warning">
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 -->
-
Validated by W3C
All HTML pages are validated by W3C standards, test Onekit quality code.
-
RTL Supported
Supported RTL layout for Arabic, Persian, Urdu and etc.
-
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-body">
<div class="container">
<!-- showcase -->
<div class="row">
<div class="col-lg-6 order-lg-2 align-self-center">
<div class="px-5 px-md-7 mb-5 my-lg-0" data-aos="fade-left">
<img src="src/img-min/svg/coding.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 Onekit 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
Onekit the best Android mobile cleaner & booster can optimize your phone performance and keep your device clean and secure. Analyze and safely remove the junk files that take up your storage space.
-
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-dark">
<div class="container">
<div class="row justify-content-between">
<div class="col-xl-5 px-5 px-md-6 px-lg-8">
<!-- 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>Onekit the best Android mobile cleaner & booster can optimize your phone performance and keep your device clean and secure. Analyze and safely remove the junk files that take up your storage space.</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 -->
Easy To Manage Order
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Sales Data and Statistic
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Integrated with your Smartphone
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
<!-- =========={ ABOUT}========== -->
<div id="about" class="section showcase bg-body">
<div class="container-fluid p-0">
<div class="row g-0">
<!-- img block -->
<div class="col-lg-6 order-lg-2 text-white showcase-img" style="background-image: url('src/img-min/section/app-desktop2.jpg');" data-aos="fade-left"></div>
<!-- content block -->
<div class="col-lg-6 order-lg-1 my-auto showcase-text" data-aos="fade-right">
<div class="p-5 p-md-7">
<h2 class="fw-bold mb-3">Easy To Manage Order</h2>
<p class="lead">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
</div>
</div>
</div>
<div class="row g-0">
<!-- img block -->
<div class="col-lg-6 text-white showcase-img" style="background-image: url('src/img-min/section/story-two.jpg');" data-aos="fade-right"></div>
<!-- content block -->
<div class="col-lg-6 my-auto showcase-text" data-aos="fade-left">
<div class="p-5 p-md-7">
<h2 class="fw-bold mb-3">Sales Data and Statistic</h2>
<p class="lead">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
</div>
</div>
</div>
<div class="row g-0">
<!-- img block -->
<div class="col-lg-6 order-lg-2 text-white showcase-img" style="background-image: url('src/img-min/section/story-three.jpg');" data-aos="fade-left"></div>
<!-- content block -->
<div class="col-lg-6 order-lg-1 my-auto showcase-text" data-aos="fade-right">
<div class="p-5 p-md-7">
<h2 class="fw-bold mb-3">Integrated with your Smartphone</h2>
<p class="lead">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
</div>
</div><!-- end content block -->
</div>
</div>
</div><!-- end about -->
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-light-dark">
<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" 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 -->