PresentationSections

Blogs

Blogs 1

Copied

Stories

Before I go

We've got time, but we are only doing what they say and want. I do not want to live as I will never die, cause life's too short, and I do not want to drown myself, as others would like.

Portofino one of the best for remote working

Finding temporary housing should be as easy as renting an Airbnb. That’s the idea behind Portofino, which raised $65 million to expand its pet sitting businesses. This come as the right move for the investment while the planet is moving on work from home...Read More

Laura Hanks

Published 4 days ago

MateLabs mixes learning with IFTTT

If you’ve ever wanted to train a machine learning model and integrate it with IFTTT, you now can with a new offering from MateLabs. MateVerse, a platform where novices can spin out machine...Read More

Paul Smith

Drawn on 23 April

US venture investment ticks up in Q2

Venture investment in U.S. startups rose sequentially in the second quarter of 2017, boosted by large, late-stage financings and a few outsized early-stage rounds in tech and healthcare...Read More

Jasmine Tailor

Drawn on 23 April

<div class="w-full">
    <div class="py-12 blog-3">
       <div class="container mx-auto px-4">
          <div class="mb-12">
             <div class="mb-12 flex flex-wrap -mx-4 justify-center">
                <div class="px-4 relative w-full lg:w-8/12 text-center">
                   <span class="text-lightBlue-500 bg-lightBlue-200 text-xs font-bold inline-block py-1 uppercase uppercase last:mr-0 mr-1 leading-tight rounded px-2">Stories</span>
                   <h3 class="text-3xl font-bold mt-3 mb-1 text-blueGray-700">Before I go</h3>
                   <p class="mt-2 mb-4 text-xl leading-relaxed text-blueGray-500">We've got time, but we are only doing what they say and want. I do not want to live as I will never die, cause life's too short, and I do not want to drown myself, as others would like.</p>
                </div>
             </div>
          </div>
          <div class="mb-12 relative flex flex-col min-w-0 break-words bg-white w-full mb-6 shadow-lg rounded-lg">
             <div class="items-center flex flex-wrap -mx-4">
                <div class="px-4 relative w-full lg:w-4/12"><img src="https://demos.creative-tim.com/notus-pro-react/static/media/city-1.501c0bb7.jpg" class="w-full rounded-lg rounded-r-none" alt="..."></div>
                <div class="px-4 relative w-full lg:w-8/12">
                   <div class="lg:pl-0 px-4 py-5 flex-auto">
                      <h3 class="text-3xl font-semibold text-blueGray-700 leading-tight"><a href="javascript:;">Portofino one of the best for remote working</a></h3>
                      <p class="mt-3 text-lg leading-relaxed text-blueGray-500"><span class="mr-2">Finding temporary housing should be as easy as renting an Airbnb. That’s the idea behind Portofino, which raised $65 million to expand its pet sitting businesses. This come as the right move for the investment while the planet is moving on work from home...</span><a href="javascript:;" class="text-lightBlue-500">Read More</a></p>
                      <div class="mt-6">
                         <a href="javascript:;" class="inline-flex items-center">
                            <img src="https://demos.creative-tim.com/notus-pro-react/static/media/face-1.dbea4a4c.jpg" class="rounded-full mr-4 w-12 h-12" alt="...">
                            <div class="flex-1">
                               <div class="justify-between items-center">
                                  <h6 class="text-md font-bold uppercase mt-0 mb-0 text-blueGray-500">Laura Hanks</h6>
                                  <small class="text-sm text-blueGray-500 mt-0">Published 4 days ago</small>
                               </div>
                            </div>
                         </a>
                      </div>
                   </div>
                </div>
             </div>
          </div>
          <div class="mb-12 relative flex flex-col min-w-0 break-words bg-white w-full mb-6 shadow-lg rounded-lg">
             <div class="items-center flex flex-wrap -mx-4">
                <div class="px-4 relative w-full lg:w-4/12"><img src="https://demos.creative-tim.com/notus-pro-react/static/media/team-3.c5d0c11c.jpg" class="w-full rounded-lg rounded-r-none" alt="..."></div>
                <div class="px-4 relative w-full lg:w-8/12">
                   <div class="lg:pl-0 px-4 py-5 flex-auto">
                      <h3 class="text-3xl font-semibold text-blueGray-700 leading-tight"><a href="javascript:;">MateLabs mixes learning with IFTTT</a></h3>
                      <p class="mt-3 text-lg leading-relaxed text-blueGray-500"><span class="mr-2">If you’ve ever wanted to train a machine learning model and integrate it with IFTTT, you now can with a new offering from MateLabs. MateVerse, a platform where novices can spin out machine...</span><a href="javascript:;" class="text-lightBlue-500">Read More</a></p>
                      <div class="mt-6">
                         <a href="javascript:;" class="inline-flex items-center">
                            <img src="https://demos.creative-tim.com/notus-pro-react/static/media/michael.660d3e04.jpg" class="rounded-full mr-4 w-12 h-12" alt="...">
                            <div class="flex-1">
                               <div class="justify-between items-center">
                                  <h6 class="text-md font-bold uppercase mt-0 mb-0 text-blueGray-500">Paul Smith</h6>
                                  <small class="text-sm text-blueGray-500 mt-0">Drawn on 23 April</small>
                               </div>
                            </div>
                         </a>
                      </div>
                   </div>
                </div>
             </div>
          </div>
          <div class="mb-12 relative flex flex-col min-w-0 break-words bg-white w-full mb-6 shadow-lg rounded-lg">
             <div class="items-center flex flex-wrap -mx-4">
                <div class="px-4 relative w-full lg:w-4/12"><img src="https://demos.creative-tim.com/notus-pro-react/static/media/team-4.639c2559.jpg" class="w-full rounded-lg rounded-r-none" alt="..."></div>
                <div class="px-4 relative w-full lg:w-8/12">
                   <div class="lg:pl-0 px-4 py-5 flex-auto">
                      <h3 class="text-3xl font-semibold text-blueGray-700 leading-tight"><a href="javascript:;">US venture investment ticks up in Q2</a></h3>
                      <p class="mt-3 text-lg leading-relaxed text-blueGray-500"><span class="mr-2">Venture investment in U.S. startups rose sequentially in the second quarter of 2017, boosted by large, late-stage financings and a few outsized early-stage rounds in tech and healthcare...</span><a href="javascript:;" class="text-lightBlue-500">Read More</a></p>
                      <div class="mt-6">
                         <a href="javascript:;" class="inline-flex items-center">
                            <img src="https://demos.creative-tim.com/notus-pro-react/static/media/team-1.26905a67.jpg" class="rounded-full mr-4 w-12 h-12" alt="...">
                            <div class="flex-1">
                               <div class="justify-between items-center">
                                  <h6 class="text-md font-bold uppercase mt-0 mb-0 text-blueGray-500">Jasmine Tailor</h6>
                                  <small class="text-sm text-blueGray-500 mt-0">Drawn on 23 April</small>
                               </div>
                            </div>
                         </a>
                      </div>
                   </div>
                </div>
             </div>
          </div>
       </div>
    </div>
 </div>

Blogs 2

Copied

March 1, 2019

The Castle Looks Different at Night...

This is the paragraph where you can write more details about your product. Keep you user engaged by providing meaningful information. Remember that by this time, the user is curious, otherwise he wouldn't scroll to get here. Add a button if you want the user to see more. We are here to make life better.

And now I look and look around and there’s so many Kanyes I've been trying to figure out the bed design for the master bedroom at our Hidden Hills compound... and thank you for turning my personal jean jacket into a couture piece.

"And thank you for turning my personal jean jacket into a couture piece."
Kanye West, Producer.

Using Video Games To Generate Clicks

Rest of the Story:

We are here to make life better. And now I look and look around and there’s so many Kanyes I've been trying to figure out the bed design for the master bedroom at our Hidden Hills compound... and thank you for turning my personal jean jacket into a couture piece. I speak yell scream directly at the old guard on behalf of the future. daytime All respect prayers and love to Phife’s family Thank you for so much inspiration

Thank you Anna for the invite thank you to the whole Vogue team And I love you like Kanye loves Kanye Pand Pand Panda I've been trying to figure out the bed design for the master bedroom at our Hidden Hills compound...The Pablo pop up was almost a pop up of influence. All respect prayers and love to Phife’s family Thank you for so much inspiration daytime I love this new Ferg album! The Life of Pablo is now available for purchase I have a dream. Thank you to everybody who made The Life of Pablo the number 1 album in the world! I'm so proud of the nr #1 song in the country. Panda! Good music 2016!

I love this new Ferg album! The Life of Pablo is now available for purchase I have a dream. Thank you to everybody who made The Life of Pablo the number 1 album in the world! I'm so proud of the nr #1 song in the country. Panda! Good music 2016!

<div class="w-full">
    <section class="pt-12 relative">
       <div class="container mx-auto px-4">
          <div class="flex flex-wrap -mx-4">
             <div class="mx-auto relative w-full md:w-8/12">
                <h6 class="text-lg mt-2 mb-0 text-blueGray-400">March 1, 2019</h6>
                <h3 class="text-3xl font-bold leading-normal mt-0 mb-2">The Castle Looks Different at Night...</h3>
             </div>
          </div>
       </div>
    </section>
    <section class="pt-12 relative">
       <div class="container mx-auto px-4">
          <div class="flex flex-wrap -mx-4 justify-center"><img src="https://demos.creative-tim.com/notus-pro-react/static/media/new-york-city.d7a444b7.jpg" alt="..." class="rounded-lg shadow-lg w-850-px"></div>
       </div>
    </section>
    <section class="pt-12 relative">
       <div class="container mx-auto px-4">
          <div class="flex flex-wrap -mx-4">
             <div class="mx-auto relative w-full md:w-8/12">
                <p class="mb-4 text-lg text-blueGray-500">This is the paragraph where you can write more details about your product. Keep you user engaged by providing meaningful information. Remember that by this time, the user is curious, otherwise he wouldn't scroll to get here. Add a button if you want the user to see more. We are here to make life better.</p>
                <p class="mb-4 text-lg text-blueGray-500">And now I look and look around and there’s so many Kanyes I've been trying to figure out the bed design for the master bedroom at our Hidden Hills compound... and thank you for turning my personal jean jacket into a couture piece.</p>
                <p class="text-xl text-blueGray-500 mx-0 my-12 block pl-4 border-l border-blueGray-200 border-l-2">"And thank you for turning my personal jean jacket into a couture piece."<br><small class="mt-2 font-semibold text-blueGray-700">Kanye West, Producer.</small></p>
             
                <h3 class="text-3xl font-bold leading-normal mt-0 mb-2">Using Video Games To Generate Clicks</h3>
                <p class="mb-4 text-lg text-blueGray-500">This is the paragraph where you can write more details about your product. Keep you user engaged by providing meaningful information. Remember that by this time, the user is curious, otherwise he wouldn't scroll to get here. Add a button if you want the user to see more. We are here to make life better.</p>
             </div>
          </div>
       </div>
    </section>
    <section class="pt-12 relative">
       <div class="w-full">
          <div class="flex justify-center w-full">
             <div class="w-full transform duration-500 transition-all ease-in-out mx-auto block"><img alt="..." src="https://demos.creative-tim.com/notus-pro-react/static/media/sofia-kuniakina.d748127a.jpg" class="h-auto mx-auto rounded-lg shadow-xl w-450-px"></div>
             <div class="w-full transform duration-500 transition-all ease-in-out mx-auto hidden"><img alt="..." src="https://demos.creative-tim.com/notus-pro-react/static/media/sacha-styles.b70fcf79.jpg" class="h-auto mx-auto rounded-lg shadow-xl w-450-px"></div>
             <div class="w-full transform duration-500 transition-all ease-in-out mx-auto hidden"><img alt="..." src="https://demos.creative-tim.com/notus-pro-react/static/media/victor-garcia.517e6e46.jpg" class="h-auto mx-auto rounded-lg shadow-xl w-450-px"></div>
             <div class="w-full transform duration-500 transition-all ease-in-out mx-auto hidden"><img alt="..." src="https://demos.creative-tim.com/notus-pro-react/static/media/doyoun-seo.626bcf05.jpg" class="h-auto mx-auto rounded-lg shadow-xl w-450-px"></div>
             <div class="w-full transform duration-500 transition-all ease-in-out mx-auto hidden"><img alt="..." src="https://demos.creative-tim.com/notus-pro-react/static/media/ayo-ogunseinde.171c7cb2.jpg" class="h-auto mx-auto rounded-lg shadow-xl w-450-px"></div>
          </div>
          <div class="flex justify-center mt-6"><button class="inline-block outline-none focus:outline-none align-middle transition-all duration-150 ease-in-out uppercase border border-solid font-bold last:mr-0 mr-2  text-blueGray-800 bg-white border-white active:bg-blueGray-100 active:border-blueGray-100 text-sm px-6 py-2 shadow hover:shadow-lg rounded-md"><i class="fas fa-chevron-left"></i></button><button class="inline-block outline-none focus:outline-none align-middle transition-all duration-150 ease-in-out uppercase border border-solid font-bold last:mr-0 mr-2  text-blueGray-800 bg-white border-white active:bg-blueGray-100 active:border-blueGray-100 text-sm px-6 py-2 shadow hover:shadow-lg rounded-md"><i class="fas fa-chevron-right"></i></button></div>
       </div>
    </section>
    <section class="pt-12 relative">
       <div class="container mx-auto px-4">
          <div class="flex flex-wrap -mx-4">
             <div class="mx-auto relative w-full md:w-8/12">
                <h3 class="text-3xl font-bold leading-normal mt-0 mb-2">Rest of the Story:</h3>
                <p class="mb-4 text-lg text-blueGray-500">We are here to make life better. And now I look and look around and there’s so many Kanyes I've been trying to figure out the bed design for the master bedroom at our Hidden Hills compound... and thank you for turning my personal jean jacket into a couture piece. I speak yell scream directly at the old guard on behalf of the future. daytime All respect prayers and love to Phife’s family Thank you for so much inspiration</p>
                <p class="mb-4 text-lg text-blueGray-500">Thank you Anna for the invite thank you to the whole Vogue team And I love you like Kanye loves Kanye Pand Pand Panda I've been trying to figure out the bed design for the master bedroom at our Hidden Hills compound...The Pablo pop up was almost a pop up of influence. All respect prayers and love to Phife’s family Thank you for so much inspiration daytime I love this new Ferg album! The Life of Pablo is now available for purchase I have a dream. Thank you to everybody who made The Life of Pablo the number 1 album in the world! I'm so proud of the nr #1 song in the country. Panda! Good music 2016!</p>
                <p class="mb-4 text-lg text-blueGray-500">I love this new Ferg album! The Life of Pablo is now available for purchase I have a dream. Thank you to everybody who made The Life of Pablo the number 1 album in the world! I'm so proud of the nr #1 song in the country. Panda! Good music 2016!</p>
             </div>
          </div>
       </div>
    </section>
 </div>

Blogs 3

Copied

Our articles

Because it's about motivating the doers

Am I some sort of a maniac? Probably, since I like to throw money at my car. I've already got 260 HP, all rivals look at me.

Bussiness Case

Society has put up so many boundaries and limitations on what’s right and wrong that it’s almost impossible...

Premium

Colors are good, before somebody tells you you shouldn’t like pink because that’s for girls.

Focus

Because it's about motivating the doers. Because I’m here to follow my dreams and inspire other people.

<div class="w-full">
    <section class="relative py-12 section">
       <div class="container mx-auto px-4">
          <div class="flex flex-wrap -mx-4 justify-center">
             <div class="px-4 relative w-full text-center">
                <span class="text-red-500 bg-red-200 text-xs font-bold inline-block py-1 uppercase uppercase last:mr-0 mr-1 leading-tight rounded px-2">Our articles</span>
                <h2 class="text-4xl font-bold mt-3 mb-1 text-blueGray-700">Because it's about motivating the doers</h2>
                <p class="mt-2 mb-4 text-xl leading-relaxed text-blueGray-400">Am I some sort of a maniac? Probably, since I like to throw money at my car. I've already got 260 HP, all rivals look at me.</p>
             </div>
          </div>
          <div class="flex flex-wrap -mx-4">
             <div class="px-4 relative w-full md:w-4/12">
                <div class="bg-blueGray-800 text-white shadow-lg rounded-lg overflow-hidden relative flex flex-col min-w-0 w-full mb-6">
                   <img alt="..." src="../../assets/img/illustrations/p7.svg" class="w-full" style="margin-top: -45%;">
                   <div class="px-4 py-5 flex-auto">
                      <h4 class="text-3xl mt-0 mb-2 my-4 font-bold">Bussiness Case</h4>
                      <p class="text-xl font-light">Society has put up so many boundaries and limitations on what’s right and wrong that it’s almost impossible...</p>
                      <a href="javascript:;" class="font-semibold text-sm uppercase py-3 inline-block">Read more</a>
                   </div>
                </div>
             </div>
             <div class="px-4 relative w-full md:w-4/12">
                <div class="bg-blueGray-800 text-white shadow-lg rounded-lg overflow-hidden relative flex flex-col min-w-0 w-full mb-6">
                   <img alt="..." src="../../assets/img/illustrations/p22.png" class="w-full" style="margin-top: -45%;">
                   <div class="px-4 py-5 flex-auto">
                      <h4 class="text-3xl mt-0 mb-2 my-4 font-bold">Premium</h4>
                      <p class="text-xl font-light">Colors are good, before somebody tells you you shouldn’t like pink because that’s for girls.</p>
                      <a href="javascript:;" class="font-semibold text-sm uppercase py-3 inline-block">Read more</a>
                   </div>
                </div>
             </div>
             <div class="px-4 relative w-full md:w-4/12">
                <div class="bg-blueGray-800 text-white shadow-lg rounded-lg overflow-hidden relative flex flex-col min-w-0 w-full mb-6">
                   <img alt="..." src="../../assets/img/illustrations/p7.svg" class="w-full" style="margin-top: -45%;">
                   <div class="px-4 py-5 flex-auto">
                      <h4 class="text-3xl mt-0 mb-2 my-4 font-bold">Focus</h4>
                      <p class="text-xl font-light">Because it's about motivating the doers. Because I’m here to follow my dreams and inspire other people.</p>
                      <a href="javascript:;" class="font-semibold text-sm uppercase py-3 inline-block">Read more</a>
                   </div>
                </div>
             </div>
          </div>
       </div>
    </section>
 </div>

Blogs 4

Copied

daytime

8 days out of 7

Sleep is a luxury sometimes, but then you see who is just flow, and who is a rock. When the darkness of the night wants you, a lot of faces laugh at you, waiting for you to fail.

Stellar Partnership

Climate Change in Beautiful Bali

Digital Currency

Saving the World Starts With You

A Robot is Your Co-Worker

Microcips and Software of the World

Blockchain Explained

Applications Companies

Sales Leads

Best Places to Setup a Company

AI at the Edge

Research for the Images in Summer

Features

Fifty Three Files for Paper

News

Focus on Your Employees

<div class="w-full">
    <div class="w-full px-4 mx-auto px-4">
       <div class="py-12">
          <div class="mb-12">
             <div class="mb-12 flex flex-wrap -mx-4 justify-center">
                <div class="px-4 relative w-full lg:w-8/12 text-center">
                   <h6 class="mb-2 font-bold uppercase text-indigo-500">daytime</h6>
                   <h3 class="text-3xl font-bold mt-3 mb-1 text-blueGray-700">8 days out of 7</h3>
                   <p class="mt-2 mb-4 text-xl leading-relaxed text-blueGray-400">Sleep is a luxury sometimes, but then you see who is just flow, and who is a rock. When the darkness of the night wants you, a lot of faces laugh at you, waiting for you to fail.</p>
                </div>
             </div>
          </div>
          <div class="items-center flex flex-wrap -mx-4">
             <div class="p-0 pl-0 pr-0 px-4 relative w-full lg:w-3/12">
                <div class="h-530-px overflow-hidden relative flex flex-col min-w-0 break-words bg-white w-full shadow-lg transition-all duration-150 ease-in-out hover:z-1 hover:transform hover:scale-110 group">
                   <div class="absolute w-full h-full bg-50-center bg-cover transition-all duration-1000 ease-in-out group-hover:transform group-hover:scale-110" style="background-image: url('../../assets/img/sections/athena.jpg'); backface-visibility: hidden;"></div>
                   <div class="absolute w-full h-full bg-black opacity-50"></div>
                   <a href="javascript:;">
                      <div class="absolute text-left p-6 bottom-0">
                         <h6 class="text-xl leading-normal mb-0 text-white opacity-75">Stellar Partnership</h6>
                         <h5 class="text-2xl font-bold leading-tight mt-0 mb-2 text-white">Climate Change in Beautiful Bali</h5>
                      </div>
                   </a>
                </div>
             </div>
             <div class="p-0 pl-0 pr-0 px-4 relative w-full lg:w-3/12">
                <div class="h-530-px overflow-hidden relative flex flex-col min-w-0 break-words bg-white w-full shadow-lg transition-all duration-150 ease-in-out hover:z-1 hover:transform hover:scale-110 group">
                   <div class="absolute w-full h-full bg-50-center bg-cover transition-all duration-1000 ease-in-out group-hover:transform group-hover:scale-110" style="background-image: url('../../assets/img/sections/thomas.jpg'); backface-visibility: hidden;"></div>
                   <div class="absolute w-full h-full bg-black opacity-50"></div>
                   <a href="javascript:;">
                      <div class="absolute text-left p-6 bottom-0">
                         <h6 class="text-xl leading-normal mb-0 text-white opacity-75">Digital Currency</h6>
                         <h5 class="text-2xl font-bold leading-tight mt-0 mb-2 text-white">Saving the World Starts With You</h5>
                      </div>
                   </a>
                </div>
             </div>
             <div class="p-0 pl-0 pr-0 px-4 relative w-full lg:w-3/12">
                <div class="h-530-px overflow-hidden relative flex flex-col min-w-0 break-words bg-white w-full shadow-lg transition-all duration-150 ease-in-out hover:z-1 hover:transform hover:scale-110 group">
                   <div class="absolute w-full h-full bg-50-center bg-cover transition-all duration-1000 ease-in-out group-hover:transform group-hover:scale-110" style="background-image: url('../../assets/img/sections/twk-tt.jpg'); backface-visibility: hidden;"></div>
                   <div class="absolute w-full h-full bg-black opacity-50"></div>
                   <a href="javascript:;">
                      <div class="absolute text-left p-6 bottom-0">
                         <h6 class="text-xl leading-normal mb-0 text-white opacity-75">A Robot is Your Co-Worker</h6>
                         <h5 class="text-2xl font-bold leading-tight mt-0 mb-2 text-white">Microcips and Software of the World</h5>
                      </div>
                   </a>
                </div>
             </div>
             <div class="p-0 pl-0 pr-0 px-4 relative w-full lg:w-3/12">
                <div class="h-530-px overflow-hidden relative flex flex-col min-w-0 break-words bg-white w-full shadow-lg transition-all duration-150 ease-in-out hover:z-1 hover:transform hover:scale-110 group">
                   <div class="absolute w-full h-full bg-50-center bg-cover transition-all duration-1000 ease-in-out group-hover:transform group-hover:scale-110" style="background-image: url('../../assets/img/sections/odin.jpg'); backface-visibility: hidden;"></div>
                   <div class="absolute w-full h-full bg-black opacity-50"></div>
                   <a href="javascript:;">
                      <div class="absolute text-left p-6 bottom-0">
                         <h6 class="text-xl leading-normal mb-0 text-white opacity-75">Blockchain Explained</h6>
                         <h5 class="text-2xl font-bold leading-tight mt-0 mb-2 text-white">Applications Companies</h5>
                      </div>
                   </a>
                </div>
             </div>
             <div class="p-0 pl-0 pr-0 px-4 relative w-full lg:w-3/12">
                <div class="h-530-px overflow-hidden relative flex flex-col min-w-0 break-words bg-white w-full shadow-lg transition-all duration-150 ease-in-out hover:z-1 hover:transform hover:scale-110 group">
                   <div class="absolute w-full h-full bg-50-center bg-cover transition-all duration-1000 ease-in-out group-hover:transform group-hover:scale-110" style="background-image: url('../../assets/img/sections/kit-suman.jpg'); backface-visibility: hidden;"></div>
                   <div class="absolute w-full h-full bg-black opacity-50"></div>
                   <a href="javascript:;">
                      <div class="absolute text-left p-6 bottom-0">
                         <h6 class="text-xl leading-normal mb-0 text-white opacity-75">Sales Leads</h6>
                         <h5 class="text-2xl font-bold leading-tight mt-0 mb-2 text-white">Best Places to Setup a Company</h5>
                      </div>
                   </a>
                </div>
             </div>
             <div class="p-0 pl-0 pr-0 px-4 relative w-full lg:w-3/12">
                <div class="h-530-px overflow-hidden relative flex flex-col min-w-0 break-words bg-white w-full shadow-lg transition-all duration-150 ease-in-out hover:z-1 hover:transform hover:scale-110 group">
                   <div class="absolute w-full h-full bg-50-center bg-cover transition-all duration-1000 ease-in-out group-hover:transform group-hover:scale-110" style="background-image: url('../../assets/img/sections/damian.jpg'); backface-visibility: hidden;"></div>
                   <div class="absolute w-full h-full bg-black opacity-50"></div>
                   <a href="javascript:;">
                      <div class="absolute text-left p-6 bottom-0">
                         <h6 class="text-xl leading-normal mb-0 text-white opacity-75">AI at the Edge</h6>
                         <h5 class="text-2xl font-bold leading-tight mt-0 mb-2 text-white">Research for the Images in Summer</h5>
                      </div>
                   </a>
                </div>
             </div>
             <div class="p-0 pl-0 pr-0 px-4 relative w-full lg:w-3/12">
                <div class="h-530-px overflow-hidden relative flex flex-col min-w-0 break-words bg-white w-full shadow-lg transition-all duration-150 ease-in-out hover:z-1 hover:transform hover:scale-110 group">
                   <div class="absolute w-full h-full bg-50-center bg-cover transition-all duration-1000 ease-in-out group-hover:transform group-hover:scale-110" style="background-image: url('../../assets/img/sections/victor-garcia.jpg'); backface-visibility: hidden;"></div>
                   <div class="absolute w-full h-full bg-black opacity-50"></div>
                   <a href="javascript:;">
                      <div class="absolute text-left p-6 bottom-0">
                         <h6 class="text-xl leading-normal mb-0 text-white opacity-75">Features</h6>
                         <h5 class="text-2xl font-bold leading-tight mt-0 mb-2 text-white">Fifty Three Files for Paper</h5>
                      </div>
                   </a>
                </div>
             </div>
             <div class="p-0 pl-0 pr-0 px-4 relative w-full lg:w-3/12">
                <div class="h-530-px overflow-hidden relative flex flex-col min-w-0 break-words bg-white w-full shadow-lg transition-all duration-150 ease-in-out hover:z-1 hover:transform hover:scale-110 group">
                   <div class="absolute w-full h-full bg-50-center bg-cover transition-all duration-1000 ease-in-out group-hover:transform group-hover:scale-110" style="background-image: url('../../assets/img/sections/dane.jpg'); backface-visibility: hidden;"></div>
                   <div class="absolute w-full h-full bg-black opacity-50"></div>
                   <a href="javascript:;">
                      <div class="absolute text-left p-6 bottom-0">
                         <h6 class="text-xl leading-normal mb-0 text-white opacity-75">News</h6>
                         <h5 class="text-2xl font-bold leading-tight mt-0 mb-2 text-white">Focus on Your Employees</h5>
                      </div>
                   </a>
                </div>
             </div>
          </div>
       </div>
    </div>
 </div>