Features 1
<!-- -------- START Features w/ icons and text on left & gradient title and text on right -------- -->
<section class="py-sm-7 py-4">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h3 class="mb-0 mt-2">Read More About Us</h3>
<h3>The most important</h3>
<p>Pain is what we go through as we become older. We get insulted by others, lose trust for those others. We get back stabbed by friends. It becomes harder for us to give others a hand.</p>
<a href="javascript:;" class="text-primary text-decoration-underline-hover">More about us</a>
</div>
<div class="col-lg-6 mt-lg-0 mt-5 ps-lg-0 ps-0">
<div class="p-3 info-horizontal">
<div class="icon icon-shape rounded-circle bg-gradient-primary text-center">
<i class="ni ni-chart-bar-32 opacity-10"></i>
</div>
<div class="description ps-3">
<p class="mb-0">It becomes harder for us to give others a hand. <br> We get our heart broken by people we love.</p>
</div>
</div>
<div class="p-3 info-horizontal">
<div class="icon icon-shape rounded-circle bg-gradient-primary text-center">
<i class="ni ni-cloud-upload-96 opacity-10"></i>
</div>
<div class="description ps-3">
<p class="mb-0">As we live, our hearts turn colder. <br>Cause pain is what we go through as we become older.</p>
</div>
</div>
<div class="p-3 info-horizontal">
<div class="icon icon-shape rounded-circle bg-gradient-primary text-center">
<i class="ni ni-note-03 opacity-10"></i>
</div>
<div class="description ps-3">
<p class="mb-0">When we lose family over time. <br> What else could rust the heart more over time? Blackgold.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- -------- END Features w/ icons and text on left & gradient title and text on right -------- -->Features 2
<!-- Section with four info areas left & one card right with image and waves -->
<section class="py-7">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="row justify-content-start">
<div class="col-md-6">
<div class="info mb-6">
<i class="ni ni-album-2 h3 text-info"></i>
<h5>Fully integrated</h5>
<p>We get insulted by others, lose trust for those We get back freezes</p>
</div>
</div>
<div class="col-md-6">
<div class="info mb-6">
<i class="ni ni-atom h3 text-info"></i>
<h5>Payments functionality</h5>
<p>We get insulted by others, lose trust for those We get back freezes</p>
</div>
</div>
</div>
<div class="row justify-content-start">
<div class="col-md-6">
<div class="info">
<i class="ni ni-watch-time h3 text-info"></i>
<h5>Prebuilt components</h5>
<p>We get insulted by others, lose trust for those We get back freezes</p>
</div>
</div>
<div class="col-md-6">
<div class="info">
<i class="ni ni-collection h3 text-info"></i>
<h5>Improved platform</h5>
<p>We get insulted by others, lose trust for those We get back freezes</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 ms-auto mt-lg-0 mt-4">
<div class="card shadow">
<div class="card-header p-0 position-relative z-index-1">
<img src="../../assets/img/project15.jpg" alt="img-blur-shadow" class="img-fluid border-radius-lg border-radius-bottom-start-0 border-radius-bottom-end-0">
</div>
<div class="card-body">
<a href="javascript:;">
<h5 class="mt-3">
Get insights on Search
</h5>
</a>
<p>
Website visitors today demand a frictionless user expericence — especially when using search. Because of the hight standards.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END Section with four info areas left & one card right with image and waves -->Features 3
<!-- -------- START Features w/ title and 3 infos -------- -->
<section class="py-7">
<div class="container">
<div class="row">
<div class="col-lg-6 mx-auto text-center pb-4">
<h4 class="text-warning">Social Analytics</h4>
<h2>Turn your idea into a startup</h2>
<p class="lead">We’re constantly trying to express ourselves and actualize our dreams. If you have the opportunity to play </p>
</div>
</div>
<div class="row mt-4">
<div class="col-lg-4 col-md-6">
<div class="p-3 text-center">
<div class="icon icon-shape bg-warning text-center">
<i class="ni ni-single-02 opacity-10"></i>
</div>
<h5 class="mt-4">Check our team</h5>
<p class="mb-0">We get insulted by others, lose trust for those others. We get back here to follow my dreams</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="p-3 text-center">
<div class="icon icon-shape bg-warning text-center">
<i class="ni ni-email-83 opacity-10"></i>
</div>
<h5 class="mt-4">Support 24/7</h5>
<p class="mb-0">We get insulted by others, lose trust for those others. We get back here to follow my dreams</p>
</div>
</div>
<div class="col-lg-4 col-md-6 mx-md-auto">
<div class="p-3 text-center">
<div class="icon icon-shape bg-warning text-center">
<i class="ni ni-atom opacity-10"></i>
</div>
<h5 class="mt-4">Unlimited revisions</h5>
<p class="mb-0">We get insulted by others, lose trust for those others. We get back here to follow my dreams</p>
</div>
</div>
</div>
</div>
</section>
<!-- -------- END Features w/ title and 3 infos -------- -->Features 4
<!-- -------- START Features w/ 3 cols w/ company text logos & text & link -------- -->
<section class="py-10">
<div class="container">
<div class="row">
<div class="col-md-4 col-10 mx-auto">
<div class="p-3 text-center">
<i class="ni ni-album-2 h3 text-primary"></i>
<p>We get insulted by others, lose trust for those others. We get back here to follow my dreams</p>
<a href="javascript:;" class="icon-move-right text-primary text-decoration-underline-hover text-sm">Read more
</a>
</div>
</div>
<div class="col-md-4 col-10 mx-auto">
<div class="p-3 text-center">
<i class="ni ni-atom h3 text-primary"></i>
<p>We get insulted by others, lose trust for those others. We get back here to follow my dreams</p>
<a href="javascript:;" class="icon-move-right text-primary text-decoration-underline-hover text-sm">Read more
</a>
</div>
</div>
<div class="col-md-4 col-10 mx-auto">
<div class="p-3 text-center">
<i class="ni ni-watch-time h3 text-primary"></i>
<p>We get insulted by others, lose trust for those others. We get back here to follow my dreams</p>
<a href="javascript:;" class="icon-move-right text-primary text-decoration-underline-hover text-sm">Read more
</a>
</div>
</div>
</div>
</div>
</section>
<!-- -------- END Features w/ 3 cols w/ company text logos & text & link -------- -->Features 5
<section class="bg-gradient-dark position-relative overflow-hidden">
<div class="container py-7">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="row justify-content-start">
<div class="col-md-6">
<div class="info">
<i class="ni ni-album-2 h3 text-white"></i>
<h5 class="text-white">Fully integrated</h5>
<p class="text-white">We get insulted by others, lose trust for those We get back freezes</p>
</div>
</div>
<div class="col-md-6">
<div class="info">
<i class="ni ni-atom h3 text-white"></i>
<h5 class="text-white">Payments functionality</h5>
<p class="text-white">We get insulted by others, lose trust for those We get back freezes</p>
</div>
</div>
</div>
<div class="row justify-content-start">
<div class="col-md-6">
<div class="info">
<i class="ni ni-watch-time h3 text-white"></i>
<h5 class="text-white">Prebuilt components</h5>
<p class="text-white">We get insulted by others, lose trust for those We get back freezes</p>
</div>
</div>
<div class="col-md-6">
<div class="info">
<i class="ni ni-collection h3 text-white"></i>
<h5 class="text-white">Improved platform</h5>
<p class="text-white">We get insulted by others, lose trust for those We get back freezes</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 ms-auto mt-lg-0 mt-4">
<div class="card shadow">
<div class="card-header p-0 position-relative z-index-1">
<img src="../../assets/img/project15.jpg" alt="img-blur-shadow" class="img-fluid shadow border-radius-lg border-radius-bottom-start-0 border-radius-bottom-end-0">
</div>
<div class="card-body">
<a href="javascript:;">
<h5 class="mt-3">
Get insights on Search
</h5>
</a>
<p>
Website visitors today demand a frictionless user expericence — especially when using search. Because of the hight standards.
</p>
</div>
</div>
</div>
</div>
</div>
</section>Features 6
<!-- -------- START Features w/ title, device and stats -------- -->
<section class="py-3">
<div class="container">
<div class="row align-items-center justify-content-center">
<div class="col-lg-5 mx-auto">
<div class="device-wrapper position-relative">
<img class="w-100 border-radius-lg shadow" src="../../assets/img/project14.jpg">
</div>
</div>
<div class="col-lg-6 mx-auto mt-5">
<h3 class="mb-0">Where Can You Find</h3>
<h3>Free Soft Design Resources</h3>
<p class="lead mb-5">We’re constantly trying to express ourselves and actualize our dreams.</p>
<div class="row">
<div class="col-lg-6 col-6 mb-lg-3">
<h2 class="text-info">323</h2>
<p>Of “high-performing” level are led by a certified project manager</p>
</div>
<div class="col-lg-6 col-6 mb-lg-3">
<h2 class="text-info">500+</h2>
<p>That meets quality standards required by our users</p>
</div>
<div class="col-lg-6 col-6">
<h2 class="text-info">24/7</h2>
<p>Actively engage team members that finishes on time</p>
</div>
<div class="col-lg-6 col-6">
<h2 class="text-info">73</h2>
<p>Team members that finishes on time every project</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- -------- END Features w/ title, device and stats -------- -->Features 7
<!-- -------- START Features w/ 6 cols w/ company logos & title & text -------- -->
<section class="py-5">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h2>Get your own app</h2>
<p>The Arctic Ocean freezes every winter and much of the sea-ice then thaws every summer, and that process will continue whatever.</p>
</div>
<div class="col-lg-6 text-end d-flex flex-column justify-content-center">
<button type="button" class="btn bg-gradient-info mb-0 ms-lg-auto me-lg-0 me-auto mt-lg-0 mt-2">Contact Us</button>
</div>
</div>
<div class="row mt-5">
<div class="col-sm-6 col-lg-4 mt-lg-0 mt-4">
<img class="width-48-px mb-3" src="../../assets/img/logos/small-logos/logo-atlassian.svg">
<h5>Payment vendor</h5>
<p class="text-sm me-2">Check out our proven methods, guides, and exercises that help make work better, and people happier.</p>
</div>
<div class="col-sm-6 col-lg-4 mt-lg-0 mt-4">
<img class="width-48-px mb-3" src="../../assets/img/logos/small-logos/logo-asana.svg">
<h5>Organize your team</h5>
<p class="text-sm me-2">Check out our proven methods, guides, and exercises that help make work better, and people happier.</p>
</div>
<div class="col-sm-6 col-lg-4 mt-lg-0 mt-4">
<img class="width-48-px mb-3" src="../../assets/img/logos/small-logos/logo-shopify.svg">
<h5>E-commerce</h5>
<p class="text-sm me-2">Check out our proven methods, guides, and exercises that help make work better, and people happier.</p>
</div>
<div class="col-sm-6 col-lg-4 mt-lg-5 mt-4">
<img class="width-48-px mb-3" src="../../assets/img/logos/small-logos/logo-invision.svg">
<h5>Digital Product Design</h5>
<p class="text-sm me-2">Check out our proven methods, guides, and exercises that help make work better, and people happier.</p>
</div>
<div class="col-sm-6 col-lg-4 mt-lg-5 mt-4">
<img class="width-48-px mb-3" src="../../assets/img/logos/small-logos/logo-slack.svg">
<h5>Better Communication</h5>
<p class="text-sm me-2">Check out our proven methods, guides, and exercises that help make work better, and people happier.</p>
</div>
<div class="col-sm-6 col-lg-4 mt-lg-5 mt-4">
<img class="width-48-px mb-3" src="../../assets/img/logos/small-logos/logo-webdev.svg">
<h5>Logo design</h5>
<p class="text-sm me-2">Check out our proven methods, guides, and exercises that help make work better, and people happier.</p>
</div>
</div>
</div>
</section>
<!-- -------- END Features w/ 6 cols w/ company logos & title & text -------- -->Features 8
<!-- -------- START Features w/ image on left & title & text & 3 cols on background -------- -->
<section class="py-md-7 mt-md-5">
<div class="container-fluid ps-0">
<div class="row justify-content-center text-center">
<div class="col-3 px-md-0"></div>
<div class="col-12 position-relative">
<div class="row">
<div class="col-xl-3"></div>
<div class="col-xl-5 col-md-8 col-12 text-left">
<div class="p-3 text-start border-radius-lg">
<h2>Now UI Design Values</h2>
<p class="text-dark text-lg mt-3">
<span class="font-weight-bold">The time</span>
is now for it to be okay to be great. People in this world shun people for being great.
For being a bright color.</p>
</div>
</div>
</div>
<div class="row bg-info-now bottom-0">
<div class="row">
<div class="col-xl-3 position-relative">
<img class="w-100 border-radius-lg border-top-start-radius-0 border-bottom-start-radius-0 start-0 position-absolute max-width-300 mt-n11 d-xl-block d-none" src="../../assets/img/project8.jpg" alt="image">
</div>
<div class="col-xl-9">
<div class="row">
<div class="col-xl-3 col-md-4 py-md-5 py-3">
<div class="p-3 text-start border-radius-lg">
<div class="icon icon-shape bg-info text-center">
<i class="ni ni-album-2 text-white opacity-10"></i>
</div>
<h5 class="mt-3">Give your best</h5>
<p>Creativity starts with an empty calendar and ends with a full one.</p>
</div>
</div>
<div class="col-xl-3 col-md-4 py-md-5 py-3">
<div class="p-3 text-start bg-white border-radius-lg shadow">
<div class="icon icon-shape bg-info text-center">
<i class="ni ni-atom text-white opacity-10"></i>
</div>
<h5 class="mt-3">Learn new things</h5>
<p>We get insulted by others, lose trust for those We get back.</p>
</div>
</div>
<div class="col-xl-3 col-md-4 py-md-5 py-3">
<div class="p-3 text-start border-radius-lg">
<div class="icon icon-shape bg-info text-center">
<i class="ni ni-palette text-white opacity-10"></i>
</div>
<h5 class="mt-3">Never give up</h5>
<p>When playing, surround yourself with people happier than you.</p>
</div>
</div>
</div>
</div>
<div class="col-md-1"></div>
</div>
</div>
</div>
</div>
</section>
<!-- -------- END Features w/ image on left & title & text & 3 cols on background -------- -->Features 9
<section>
<div class="container py-5">
<div class="row align-items-center">
<div class="col-md-6 mb-md-0 mb-4">
<h3 class="mb-0">Come and meet us</h3>
<h3>500+ offices</h3>
<p class="mb-4">
Technology is applied science. Science is the study of nature. Mathematics is the language of nature. Philosophy is the root of mathematics. All tightly interrelated.
</p>
<p class="font-weight-bold"><span class="me-2">-</span> Showcase and embed your work with</p>
<p class="font-weight-bold"><span class="me-2">-</span> Publish across social channels in a click</p>
<p class="font-weight-bold"><span class="me-2">-</span> Sell your videos worldwide</p>
<p class="font-weight-bold mb-5"><span class="me-2">-</span> Make more profit</p>
<a href="javascript:;" class="text-info text-decoration-underline-hover">Learn More</a>
</div>
<div class="col-md-6">
<div class="card p-0 rounded-3">
<img src="../../assets/img/project12.jpg" alt="img-blur-shadow" class="img-fluid shadow rounded-3">
</div>
</div>
</div>
</div>
</section>Features 10
<!-- -------- START Features w/ 4 infos - just colored icons -------- -->
<section class="py-10">
<div class="container">
<div class="row text-center">
<div class="col-lg-3 col-md-6 mb-lg-0 mb-4">
<div class="info">
<div class="icon icon-shape text-center">
<i class="ni ni-box-2 h4 mb-4 text-secondary"></i>
</div>
<h5 class="mt-2">Components</h5>
<p>We get insulted by others, lose trust for those We get back.</p>
</div>
</div>
<div class="col-lg-3 col-md-6 mb-lg-0 mb-4">
<div class="info">
<div class="icon icon-shape text-center">
<i class="ni ni-album-2 h4 mb-4 text-secondary"></i>
</div>
<h5 class="mt-2">Mix & Match</h5>
<p>We get insulted by others, lose trust for those We get back.</p>
</div>
</div>
<div class="col-lg-3 col-md-6 mb-lg-0 mb-4">
<div class="info">
<div class="icon icon-shape text-center">
<i class="ni ni-atom h4 mb-4 text-secondary"></i>
</div>
<h5 class="mt-2">Design</h5>
<p>We get insulted by others, lose trust for those We get back.</p>
</div>
</div>
<div class="col-lg-3 col-md-6 mb-lg-0 mb-4">
<div class="info">
<div class="icon icon-shape text-center">
<i class="ni ni-collection h4 mb-4 text-secondary"></i>
</div>
<h5 class="mt-2">Payment</h5>
<p>We get insulted by others, lose trust for those We get back.</p>
</div>
</div>
</div>
</div>
</section>
<!-- -------- END Features w/ 4 infos - just colored icons -------- -->Features 11
<!-- -------- START Features w/ 4 cols w/ title & text & link -------- -->
<section class="py-11">
<div class="container">
<div class="row justify-content-start">
<div class="col-lg-3 col-sm-6 mt-lg-0 mt-4">
<h6 class="mb-2">Components</h6>
<p class="mb-2 me-4 text-sm">Choose the best design system to build your next product.</p>
<a href="javascript:;" class="text-info text-decoration-underline-hover text-sm">Learn More
</a>
</div>
<div class="col-lg-3 col-sm-6 mt-lg-0 mt-4">
<h6 class="mb-2">Design</h6>
<p class="mb-2 me-4 text-sm">Get the latest design ideas and turn it into reality.</p>
<a href="javascript:;" class="text-info text-decoration-underline-hover text-sm">Learn More
</a>
</div>
<div class="col-lg-3 col-sm-6 mt-lg-0 mt-4">
<h6 class="mb-2">Less Code</h6>
<p class="mb-2 me-4 text-sm">Make your code easier to maintain using variables.</p>
<a href="javascript:;" class="text-info text-decoration-underline-hover text-sm">Learn More
</a>
</div>
<div class="col-lg-3 col-sm-6 mt-lg-0 mt-4">
<h6 class="mb-2">Fully Responsive</h6>
<p class="mb-2 me-4 text-sm">This design system is fully supported on any device.</p>
<a href="javascript:;" class="text-info text-decoration-underline-hover text-sm">Learn More
</a>
</div>
</div>
</div>
</section>
<!-- -------- END Features w/ 4 cols w/ title & text & link -------- -->Features 12
<!-- -------- START Features w/ 4 cols w/ colored icon & title & text -------- -->
<section class="py-7">
<div class="container">
<div class="row justify-content-start">
<div class="col-md-6">
<div class="primary text-start border-radius-lg">
<i class="ni ni-album-2 h3 text-primary"></i>
<h5 class="mt-3">Modular Components</h5>
<p>The Arctic Ocean freezes every winter and much of the sea-ice then thaws every summer, and that process will continue whatever.</p>
</div>
<div class="primary text-start border-radius-lg mt-6">
<i class="ni ni-watch-time h3 text-primary"></i>
<h5 class="mt-3">Great Features</h5>
<p>People are so scared to lose that they don't even try. Like, one thing people can't say is that I'm not trying, and I'm not trying my hardest.</p>
</div>
</div>
<div class="col-md-6">
<div class="text-start border-radius-lg">
<i class="ni ni-atom h3 text-primary"></i>
<h5 class="mt-3">Awesome Support</h5>
<p>The time is now for it to be okay to be great. People in this world shun people for being great. For being a bright color.</p>
</div>
<div class="primary text-start border-radius-lg mt-6">
<i class="ni ni-collection h3 text-primary"></i>
<h5 class="mt-3">Modern Interface</h5>
<p>If everything I did failed - which it doesn't, it actually succeeds - just the fact that I'm willing to fail is an inspiration.</p>
</div>
</div>
</div>
</div>
</section>
<!-- -------- END Features w/ 4 cols w/ colored icon & title & text -------- -->Features 13
<!-- Section with icon, title and description -->
<section class="py-8">
<div class="container py-5">
<div class="row">
<div class="col-lg-3 col-sm-6">
<div class="p-3 text-center">
<div class="icon icon-shape icon-md bg-gradient-primary shadow mx-auto">
<i class="ni ni-single-02 opacity-10"></i>
</div>
<h5 class="mt-4">Field Groups</h5>
<p>The document management piece enables HR to write.</p>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="p-3 text-center">
<div class="icon icon-shape icon-md bg-gradient-danger shadow mx-auto">
<i class="ni ni-chart-bar-32 opacity-10"></i>
</div>
<h5 class="mt-4">Record Selectors</h5>
<p>In a classic all exhibitors will be able to pitch.</p>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="p-3 text-center">
<div class="icon icon-shape icon-md bg-gradient-primary shadow mx-auto">
<i class="ni ni-email-83 opacity-10"></i>
</div>
<h5 class="mt-4">Expand Configuration</h5>
<p>The $360 exhibitor pass includes a digital exhibition.</p>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="p-3 text-center">
<div class="icon icon-shape icon-md bg-gradient-primary shadow mx-auto">
<i class="ni ni-atom opacity-10"></i>
</div>
<h5 class="mt-4">Virtual Info Areas</h5>
<p>Speaking of a stellar, this one lets you navigate.</p>
</div>
</div>
</div>
</div>
</section>
<!-- END Section with icon, title and description -->Features 14
<!-- -------- START Features w/ 4 cols w/ white icon on colored background & title & text -------- -->
<section class="py-6">
<div class="container">
<div class="row justify-content-start">
<div class="col-md-6">
<div class="p-3 text-left border-radius-lg">
<div class="icon icon-shape icon-md bg-gradient-primary text-center">
<i class="ni ni-album-2 text-lg opacity-10 text-white"></i>
</div>
<h5 class="mt-3">Modular Components</h5>
<p class="w-75">The Arctic Ocean freezes every winter and much of the sea-ice then thaws every summer, and that process will continue whatever.</p>
</div>
<div class="p-3 text-left border-radius-lg">
<div class="icon icon-shape icon-md bg-gradient-primary text-center">
<i class="ni ni-atom text-lg opacity-10 text-white"></i>
</div>
<h5 class="mt-3">Great Features</h5>
<p class="w-75">People are so scared to lose that they don't even try. Like, one thing people can't say is that I'm not trying, and I'm not trying my hardest.</p>
</div>
</div>
<div class="col-md-6">
<div class="p-3 text-left border-radius-lg">
<div class="icon icon-shape icon-md bg-gradient-primary text-center">
<i class="ni ni-watch-time text-lg opacity-10 text-white"></i>
</div>
<h5 class="mt-3">Awesome Support</h5>
<p class="w-75">The time is now for it to be okay to be great. People in this world shun people for being great. For being a bright color.</p>
</div>
<div class="p-3 text-start border-radius-lg">
<div class="icon icon-shape icon-md bg-gradient-primary text-center">
<i class="ni ni-collection text-lg opacity-10 text-white"></i>
</div>
<h5 class="mt-3">Modern Interface</h5>
<p class="w-75">If everything I did failed - which it doesn't, it actually succeeds - just the fact that I'm willing to fail is an inspiration.</p>
</div>
</div>
</div>
</div>
</section>
<!-- -------- END Features w/ 4 cols w/ white icon on colored background & title & text -------- -->