PresentationSections

Project

Projects 1

Copied

Hard words

The years are more important

Money does not make as well as years. I have always proved this, forever and ever. That is all that matters. I have gathered the foam, to make the sum.

Work in Progress

Slack

We are more than happy to work at such a great project.

and 30+ more

F-43

Spotify

We strive to embrace and drive change in our industry.

and 30+ more

J-11

Dribbble

The time has come to bring our plans and ideas to life.

and 30+ more

A-11

CreativeTim

We are developing the best design projects with love.

and 30+ more

P-07

DropBox

It is important to save every project safely with our app.

and 30+ more

E-87

Unassigned

Here you can add your description and bellow add your members.

no members

Showing 6 out of 66

<div class="w-full">
    <div class="py-12">
       <div class="container mx-auto px-4">
          <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 text-lg font-bold uppercase text-emerald-500">Hard words</h6>
                <h2 class="text-4xl font-bold mt-0 mb-1 text-blueGray-700">The years are more important</h2>
                <p class="mt-2 mb-4 text-xl leading-relaxed text-blueGray-400">Money does not make as well as years. I have always proved this, forever and ever. That is all that matters. I have gathered the foam, to make the sum.</p>
             </div>
          </div>
          <div class="mb-12 flex flex-wrap -mx-4">
             <div class="px-4 relative w-full md:w-4/12">
                <div class="mb-6 text-center shadow-lg rounded-lg relative flex flex-col bg-white p-6 w-full mb-6">
                   <div class="flex items-center justify-between pb-4 pt-2 border-b border-blueGray-300">
                      <div class="float-left ml-1">
                         <i class="opacity-75 inline mr-2 fas fa-shopping-basket undefined"></i>
                         <p class="inline text-lg">Work in Progress</p>
                      </div>
                   </div>
                   <div class="py-6 flex-auto">
                      <div class="shadow-lg mt-6 rounded-full my-6 mx-auto w-100-px p-6 bg-white"><img src="data:image/png;base64,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" alt="..." class="mx-auto"></div>
                      <h4 class="text-2xl font-bold leading-tight mt-0 mb-2">Slack</h4>
                      <p class="text-blueGray-500 px-8">We are more than happy to work at such a great project.</p>
                      <div class="flex justify-center mt-8 mb-2 text-blueGray-400">
                         <div class="flex items-center">
                            <div>
                               <a class="text-white bg-blueGray-500 inline-flex items-center justify-center shadow-lg rounded rounded-full relative border-2 border-white -ml-4 hover:z-1 w-10 h-10" href="javascript:;">
                                  <img alt="..." class="rounded-full w-full" src="https://demos.creative-tim.com/notus-pro-react/static/media/team-1.26905a67.jpg">
                                  <div class="hidden ">
                                     <div class="border-0 mb-3 block z-50 font-normal leading-normal text-sm text-left no-underline break-words rounded">
                                        <div class="py-1 px-2 text-center rounded text-white bg-black">Slack</div>
                                     </div>
                                  </div>
                               </a>
                               <a class="text-white bg-blueGray-500 inline-flex items-center justify-center shadow-lg rounded rounded-full relative border-2 border-white -ml-4 hover:z-1 w-10 h-10" href="javascript:;">
                                  <img alt="..." class="rounded-full w-full" src="https://demos.creative-tim.com/notus-pro-react/static/media/face-2.33e80fee.jpg">
                                  <div class="hidden ">
                                     <div class="border-0 mb-3 block z-50 font-normal leading-normal text-sm text-left no-underline break-words rounded">
                                        <div class="py-1 px-2 text-center rounded text-white bg-black">Slack</div>
                                     </div>
                                  </div>
                               </a>
                               <a class="text-white bg-blueGray-500 inline-flex items-center justify-center shadow-lg rounded rounded-full relative border-2 border-white -ml-4 hover:z-1 w-10 h-10" href="javascript:;">
                                  <img alt="..." class="rounded-full w-full" src="https://demos.creative-tim.com/notus-pro-react/static/media/team-3.c5d0c11c.jpg">
                                  <div class="hidden ">
                                     <div class="border-0 mb-3 block z-50 font-normal leading-normal text-sm text-left no-underline break-words rounded">
                                        <div class="py-1 px-2 text-center rounded text-white bg-black">Slack</div>
                                     </div>
                                  </div>
                               </a>
                               <a class="text-white bg-blueGray-500 inline-flex items-center justify-center shadow-lg rounded rounded-full relative border-2 border-white -ml-4 hover:z-1 w-10 h-10" href="javascript:;">
                                  <img alt="..." class="rounded-full w-full" src="https://demos.creative-tim.com/notus-pro-react/static/media/team-4.639c2559.jpg">
                                  <div class="hidden ">
                                     <div class="border-0 mb-3 block z-50 font-normal leading-normal text-sm text-left no-underline break-words rounded">
                                        <div class="py-1 px-2 text-center rounded text-white bg-black">Slack</div>
                                     </div>
                                  </div>
                               </a>
                            </div>
                            <small class="pl-2 font-bold mb-1">and 30+ more</small>
                         </div>
                      </div>
                   </div>
                </div>
             </div>
             <div class="px-4 relative w-full md:w-4/12">
                <div class="mb-6 text-center shadow-lg rounded-lg relative flex flex-col bg-white p-6 w-full mb-6">
                   <div class="flex items-center justify-between pb-4 pt-2 border-b border-blueGray-300">
                      <div class="float-left ml-1">
                         <i class="opacity-75 inline mr-2 fas fa-power-off text-emerald-500"></i>
                         <p class="inline text-lg">F-43</p>
                      </div>
                   </div>
                   <div class="py-6 flex-auto">
                      <div class="shadow-lg mt-6 rounded-full my-6 mx-auto w-100-px p-6 bg-white"><img src="https://demos.creative-tim.com/notus-pro-react/static/media/spotify.29f7670e.jpg" alt="..." class="mx-auto"></div>
                      <h4 class="text-2xl font-bold leading-tight mt-0 mb-2">Spotify</h4>
                      <p class="text-blueGray-500 px-8">We strive to embrace and drive change in our industry.</p>
                      <div class="flex justify-center mt-8 mb-2 text-blueGray-400">
                         <div class="flex items-center">
                            <div>
                                <a class="text-white bg-blueGray-500 inline-flex items-center justify-center shadow-lg rounded rounded-full relative border-2 border-white -ml-4 hover:z-1 w-10 h-10" href="javascript:;">
                                   <img alt="..." class="rounded-full w-full" src="https://demos.creative-tim.com/notus-pro-react/static/media/team-1.26905a67.jpg">
                                   <div class="hidden ">
                                      <div class="border-0 mb-3 block z-50 font-normal leading-normal text-sm text-left no-underline break-words rounded">
                                         <div class="py-1 px-2 text-center rounded text-white bg-black">Slack</div>
                                      </div>
                                   </div>
                                </a>
                                <a class="text-white bg-blueGray-500 inline-flex items-center justify-center shadow-lg rounded rounded-full relative border-2 border-white -ml-4 hover:z-1 w-10 h-10" href="javascript:;">
                                   <img alt="..." class="rounded-full w-full" src="https://demos.creative-tim.com/notus-pro-react/static/media/face-2.33e80fee.jpg">
                                   <div class="hidden ">
                                      <div class="border-0 mb-3 block z-50 font-normal leading-normal text-sm text-left no-underline break-words rounded">
                                         <div class="py-1 px-2 text-center rounded text-white bg-black">Slack</div>
                                      </div>
                                   </div>
                                </a>
                                <a class="text-white bg-blueGray-500 inline-flex items-center justify-center shadow-lg rounded rounded-full relative border-2 border-white -ml-4 hover:z-1 w-10 h-10" href="javascript:;">
                                   <img alt="..." class="rounded-full w-full" src="https://demos.creative-tim.com/notus-pro-react/static/media/team-3.c5d0c11c.jpg">
                                   <div class="hidden ">
                                      <div class="border-0 mb-3 block z-50 font-normal leading-normal text-sm text-left no-underline break-words rounded">
                                         <div class="py-1 px-2 text-center rounded text-white bg-black">Slack</div>
                                      </div>
                                   </div>
                                </a>
                                <a class="text-white bg-blueGray-500 inline-flex items-center justify-center shadow-lg rounded rounded-full relative border-2 border-white -ml-4 hover:z-1 w-10 h-10" href="javascript:;">
                                   <img alt="..." class="rounded-full w-full" src="https://demos.creative-tim.com/notus-pro-react/static/media/team-4.639c2559.jpg">
                                   <div class="hidden ">
                                      <div class="border-0 mb-3 block z-50 font-normal leading-normal text-sm text-left no-underline break-words rounded">
                                         <div class="py-1 px-2 text-center rounded text-white bg-black">Slack</div>
                                      </div>
                                   </div>
                                </a>
                             </div>
                            <small class="pl-2 font-bold mb-1">and 30+ more</small>
                         </div>
                      </div>
                   </div>
                </div>
             </div>
             <div class="px-4 relative w-full md:w-4/12">
                <div class="mb-6 text-center shadow-lg rounded-lg relative flex flex-col bg-white p-6 w-full mb-6">
                   <div class="flex items-center justify-between pb-4 pt-2 border-b border-blueGray-300">
                      <div class="float-left ml-1">
                         <i class="opacity-75 inline mr-2 fas fa-city text-red-500"></i>
                         <p class="inline text-lg">J-11</p>
                      </div>
                   </div>
                   <div class="py-6 flex-auto">
                      <div class="shadow-lg mt-6 rounded-full my-6 mx-auto w-100-px p-6 bg-white"><img src="https://demos.creative-tim.com/notus-pro-react/static/media/dribbble.84ab4ab1.png" alt="..." class="mx-auto"></div>
                      <h4 class="text-2xl font-bold leading-tight mt-0 mb-2">Dribbble</h4>
                      <p class="text-blueGray-500 px-8">The time has come to bring our plans and ideas to life.</p>
                      <div class="flex justify-center mt-8 mb-2 text-blueGray-400">
                         <div class="flex items-center">
                            <div>
                                <a class="text-white bg-blueGray-500 inline-flex items-center justify-center shadow-lg rounded rounded-full relative border-2 border-white -ml-4 hover:z-1 w-10 h-10" href="javascript:;">
                                   <img alt="..." class="rounded-full w-full" src="https://demos.creative-tim.com/notus-pro-react/static/media/team-1.26905a67.jpg">
                                   <div class="hidden ">
                                      <div class="border-0 mb-3 block z-50 font-normal leading-normal text-sm text-left no-underline break-words rounded">
                                         <div class="py-1 px-2 text-center rounded text-white bg-black">Slack</div>
                                      </div>
                                   </div>
                                </a>
                                <a class="text-white bg-blueGray-500 inline-flex items-center justify-center shadow-lg rounded rounded-full relative border-2 border-white -ml-4 hover:z-1 w-10 h-10" href="javascript:;">
                                   <img alt="..." class="rounded-full w-full" src="https://demos.creative-tim.com/notus-pro-react/static/media/face-2.33e80fee.jpg">
                                   <div class="hidden ">
                                      <div class="border-0 mb-3 block z-50 font-normal leading-normal text-sm text-left no-underline break-words rounded">
                                         <div class="py-1 px-2 text-center rounded text-white bg-black">Slack</div>
                                      </div>
                                   </div>
                                </a>
                                <a class="text-white bg-blueGray-500 inline-flex items-center justify-center shadow-lg rounded rounded-full relative border-2 border-white -ml-4 hover:z-1 w-10 h-10" href="javascript:;">
                                   <img alt="..." class="rounded-full w-full" src="https://demos.creative-tim.com/notus-pro-react/static/media/team-3.c5d0c11c.jpg">
                                   <div class="hidden ">
                                      <div class="border-0 mb-3 block z-50 font-normal leading-normal text-sm text-left no-underline break-words rounded">
                                         <div class="py-1 px-2 text-center rounded text-white bg-black">Slack</div>
                                      </div>
                                   </div>
                                </a>
                                <a class="text-white bg-blueGray-500 inline-flex items-center justify-center shadow-lg rounded rounded-full relative border-2 border-white -ml-4 hover:z-1 w-10 h-10" href="javascript:;">
                                   <img alt="..." class="rounded-full w-full" src="https://demos.creative-tim.com/notus-pro-react/static/media/team-4.639c2559.jpg">
                                   <div class="hidden ">
                                      <div class="border-0 mb-3 block z-50 font-normal leading-normal text-sm text-left no-underline break-words rounded">
                                         <div class="py-1 px-2 text-center rounded text-white bg-black">Slack</div>
                                      </div>
                                   </div>
                                </a>
                             </div>
                            <small class="pl-2 font-bold mb-1">and 30+ more</small>
                         </div>
                      </div>
                   </div>
                </div>
             </div>
             <div class="px-4 relative w-full md:w-4/12">
                <div class="mb-6 text-center shadow-lg rounded-lg relative flex flex-col bg-white p-6 w-full mb-6">
                   <div class="flex items-center justify-between pb-4 pt-2 border-b border-blueGray-300">
                      <div class="float-left ml-1">
                         <i class="opacity-75 inline mr-2 fas fa-rocket text-orange-500"></i>
                         <p class="inline text-lg">A-11</p>
                      </div>
                   </div>
                   <div class="py-6 flex-auto">
                      <div class="shadow-lg mt-6 rounded-full my-6 mx-auto w-100-px p-6 bg-white"><img src="https://demos.creative-tim.com/notus-pro-react/static/media/tim.65c8528c.png" alt="..." class="mx-auto"></div>
                      <h4 class="text-2xl font-bold leading-tight mt-0 mb-2">CreativeTim</h4>
                      <p class="text-blueGray-500 px-8">We are developing the best design projects with love.</p>
                      <div class="flex justify-center mt-8 mb-2 text-blueGray-400">
                         <div class="flex items-center">
                            <div>
                                <a class="text-white bg-blueGray-500 inline-flex items-center justify-center shadow-lg rounded rounded-full relative border-2 border-white -ml-4 hover:z-1 w-10 h-10" href="javascript:;">
                                   <img alt="..." class="rounded-full w-full" src="https://demos.creative-tim.com/notus-pro-react/static/media/team-1.26905a67.jpg">
                                   <div class="hidden ">
                                      <div class="border-0 mb-3 block z-50 font-normal leading-normal text-sm text-left no-underline break-words rounded">
                                         <div class="py-1 px-2 text-center rounded text-white bg-black">Slack</div>
                                      </div>
                                   </div>
                                </a>
                                <a class="text-white bg-blueGray-500 inline-flex items-center justify-center shadow-lg rounded rounded-full relative border-2 border-white -ml-4 hover:z-1 w-10 h-10" href="javascript:;">
                                   <img alt="..." class="rounded-full w-full" src="https://demos.creative-tim.com/notus-pro-react/static/media/face-2.33e80fee.jpg">
                                   <div class="hidden ">
                                      <div class="border-0 mb-3 block z-50 font-normal leading-normal text-sm text-left no-underline break-words rounded">
                                         <div class="py-1 px-2 text-center rounded text-white bg-black">Slack</div>
                                      </div>
                                   </div>
                                </a>
                                <a class="text-white bg-blueGray-500 inline-flex items-center justify-center shadow-lg rounded rounded-full relative border-2 border-white -ml-4 hover:z-1 w-10 h-10" href="javascript:;">
                                   <img alt="..." class="rounded-full w-full" src="https://demos.creative-tim.com/notus-pro-react/static/media/team-3.c5d0c11c.jpg">
                                   <div class="hidden ">
                                      <div class="border-0 mb-3 block z-50 font-normal leading-normal text-sm text-left no-underline break-words rounded">
                                         <div class="py-1 px-2 text-center rounded text-white bg-black">Slack</div>
                                      </div>
                                   </div>
                                </a>
                                <a class="text-white bg-blueGray-500 inline-flex items-center justify-center shadow-lg rounded rounded-full relative border-2 border-white -ml-4 hover:z-1 w-10 h-10" href="javascript:;">
                                   <img alt="..." class="rounded-full w-full" src="https://demos.creative-tim.com/notus-pro-react/static/media/team-4.639c2559.jpg">
                                   <div class="hidden ">
                                      <div class="border-0 mb-3 block z-50 font-normal leading-normal text-sm text-left no-underline break-words rounded">
                                         <div class="py-1 px-2 text-center rounded text-white bg-black">Slack</div>
                                      </div>
                                   </div>
                                </a>
                             </div>
                            <small class="pl-2 font-bold mb-1">and 30+ more</small>
                         </div>
                      </div>
                   </div>
                </div>
             </div>
             <div class="px-4 relative w-full md:w-4/12">
                <div class="mb-6 text-center shadow-lg rounded-lg relative flex flex-col bg-white p-6 w-full mb-6">
                   <div class="flex items-center justify-between pb-4 pt-2 border-b border-blueGray-300">
                      <div class="float-left ml-1">
                         <i class="opacity-75 inline mr-2 fas fa-umbrella text-lightBlue-500"></i>
                         <p class="inline text-lg">P-07</p>
                      </div>
                   </div>
                   <div class="py-6 flex-auto">
                      <div class="shadow-lg mt-6 rounded-full my-6 mx-auto w-100-px p-6 bg-white"><img src="data:image/png;base64,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" alt="..." class="mx-auto"></div>
                      <h4 class="text-2xl font-bold leading-tight mt-0 mb-2">DropBox</h4>
                      <p class="text-blueGray-500 px-8">It is important to save every project safely with our app.</p>
                      <div class="flex justify-center mt-8 mb-2 text-blueGray-400">
                         <div class="flex items-center">
                            <div>
                                <a class="text-white bg-blueGray-500 inline-flex items-center justify-center shadow-lg rounded rounded-full relative border-2 border-white -ml-4 hover:z-1 w-10 h-10" href="javascript:;">
                                   <img alt="..." class="rounded-full w-full" src="https://demos.creative-tim.com/notus-pro-react/static/media/team-1.26905a67.jpg">
                                   <div class="hidden ">
                                      <div class="border-0 mb-3 block z-50 font-normal leading-normal text-sm text-left no-underline break-words rounded">
                                         <div class="py-1 px-2 text-center rounded text-white bg-black">Slack</div>
                                      </div>
                                   </div>
                                </a>
                                <a class="text-white bg-blueGray-500 inline-flex items-center justify-center shadow-lg rounded rounded-full relative border-2 border-white -ml-4 hover:z-1 w-10 h-10" href="javascript:;">
                                   <img alt="..." class="rounded-full w-full" src="https://demos.creative-tim.com/notus-pro-react/static/media/face-2.33e80fee.jpg">
                                   <div class="hidden ">
                                      <div class="border-0 mb-3 block z-50 font-normal leading-normal text-sm text-left no-underline break-words rounded">
                                         <div class="py-1 px-2 text-center rounded text-white bg-black">Slack</div>
                                      </div>
                                   </div>
                                </a>
                                <a class="text-white bg-blueGray-500 inline-flex items-center justify-center shadow-lg rounded rounded-full relative border-2 border-white -ml-4 hover:z-1 w-10 h-10" href="javascript:;">
                                   <img alt="..." class="rounded-full w-full" src="https://demos.creative-tim.com/notus-pro-react/static/media/team-3.c5d0c11c.jpg">
                                   <div class="hidden ">
                                      <div class="border-0 mb-3 block z-50 font-normal leading-normal text-sm text-left no-underline break-words rounded">
                                         <div class="py-1 px-2 text-center rounded text-white bg-black">Slack</div>
                                      </div>
                                   </div>
                                </a>
                                <a class="text-white bg-blueGray-500 inline-flex items-center justify-center shadow-lg rounded rounded-full relative border-2 border-white -ml-4 hover:z-1 w-10 h-10" href="javascript:;">
                                   <img alt="..." class="rounded-full w-full" src="https://demos.creative-tim.com/notus-pro-react/static/media/team-4.639c2559.jpg">
                                   <div class="hidden ">
                                      <div class="border-0 mb-3 block z-50 font-normal leading-normal text-sm text-left no-underline break-words rounded">
                                         <div class="py-1 px-2 text-center rounded text-white bg-black">Slack</div>
                                      </div>
                                   </div>
                                </a>
                             </div>
                            <small class="pl-2 font-bold mb-1">and 30+ more</small>
                         </div>
                      </div>
                   </div>
                </div>
             </div>
             <div class="px-4 relative w-full md:w-4/12">
                <div class="mb-6 text-center shadow-lg rounded-lg relative flex flex-col bg-white p-6 w-full mb-6">
                   <div class="flex items-center justify-between pb-4 pt-2 border-b border-blueGray-300">
                      <div class="float-left ml-1">
                         <i class="opacity-75 inline mr-2 fas fa-bus text-blueGray-500"></i>
                         <p class="inline text-lg">E-87</p>
                      </div>
                   </div>
                   <div class="py-6 flex-auto">
                      <div class="shadow-lg mt-6 rounded-full my-6 mx-auto w-100-px p-6 bg-white"><img src="https://demos.creative-tim.com/notus-pro-react/static/media/unass.2b334d20.jpg" alt="..." class="mx-auto"></div>
                      <h4 class="text-2xl font-bold leading-tight mt-0 mb-2">Unassigned</h4>
                      <p class="text-blueGray-500 px-8">Here you can add your description and bellow add your members.</p>
                      <div class="flex justify-center mt-8 mb-2 text-blueGray-400">
                         <div class="flex items-center">
                            <div>
                               <a class="text-white bg-blueGray-500 inline-flex items-center justify-center shadow-lg rounded rounded-full relative border-2 border-white -ml-4 hover:z-1 w-10 h-10" href="javascript:;">
                                  <img alt="..." class="rounded-full w-full" src="data:image/jpeg;base64,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AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAH//xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oACAEDEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA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">
                                  <div class="hidden ">
                                     <div class="border-0 mb-3 block z-50 font-normal leading-normal text-sm text-left no-underline break-words rounded">
                                        <div class="py-1 px-2 text-center rounded text-white bg-black">Unassigned</div>
                                     </div>
                                  </div>
                               </a>
                            </div>
                            <small class="pl-2 font-bold mb-1">no members</small>
                         </div>
                      </div>
                   </div>
                </div>
             </div>
          </div>
          <div class="flex justify-between items-center">
             <nav class="block">
                <ul class="flex pl-0 rounded list-none flex-wrap">
                   <li><a href="javascript:;" class="w-8 h-8 text-xs font-semibold flex mx-1 p-0 rounded-full items-center justify-center leading-tight relative border border-solid transition-all duration-150 ease-in-out bg-pink-500 border-pink-500 text-white hover:border-pink-700 hover:text-white hover:bg-pink-700">1</a></li>
                   <li><a href="javascript:;" class="w-8 h-8 text-xs font-semibold flex mx-1 p-0 rounded-full items-center justify-center leading-tight relative border border-solid transition-all duration-150 ease-in-out bg-transparent border-pink-500 text-pink-500 hover:border-pink-700 hover:text-pink-700">2</a></li>
                   <li><a href="javascript:;" class="w-8 h-8 text-xs font-semibold flex mx-1 p-0 rounded-full items-center justify-center leading-tight relative border border-solid transition-all duration-150 ease-in-out bg-transparent border-pink-500 text-pink-500 hover:border-pink-700 hover:text-pink-700">3</a></li>
                   <li><a href="javascript:;" class="w-8 h-8 text-xs font-semibold flex mx-1 p-0 rounded-full items-center justify-center leading-tight relative border border-solid transition-all duration-150 ease-in-out bg-transparent border-pink-500 text-pink-500 hover:border-pink-700 hover:text-pink-700">4</a></li>
                   <li><a href="javascript:;" class="w-8 h-8 text-xs font-semibold flex mx-1 p-0 rounded-full items-center justify-center leading-tight relative border border-solid transition-all duration-150 ease-in-out border-pink-200 text-white bg-pink-200 pointer-events-none">...</a></li>
                </ul>
             </nav>
             <p>Showing 6 out of 66</p>
          </div>
       </div>
    </div>
 </div>

Projects 2

Copied

Stressing around

Nothing is nicer than my own words

I write verses after verses, but I still can't get it. You are not hearing me, you make me mad, and I go nuts when you say you do not like my verses without even listening to them.

Latest Boats Project

This is our latest project for the beautiful Portofino Boats...

Game Changers

Many things changed during 2021 times...

HTML is growing

HTML is the core structure for many apps...

<div class="w-full">
    <div class="py-12">
       <div class="container mx-auto px-4">
          <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-red-500">Stressing around</h6>
                <h3 class="text-3xl font-bold mt-3 mb-1 text-blueGray-700">Nothing is nicer than my own words</h3>
                <p class="mt-2 mb-4 text-xl leading-relaxed text-blueGray-400">I write verses after verses, but I still can't get it. You are not hearing me, you make me mad, and I go nuts when you say you do not like my verses without even listening to them.</p>
             </div>
          </div>
          <div class="flex flex-wrap -mx-4">
             <div class="px-4 relative w-full md:w-4/12">
                <div class="relative flex flex-col min-w-0 break-words bg-white w-full mb-6 shadow-lg rounded-lg bg-50 bg-cover p-10" style="background-image: url('../../assets/img/portofino-1.jpg');">
                   <div class="absolute w-full h-full top-0 left-0 bg-black opacity-60 z-0 rounded-lg"></div>
                   <div class="text-left flex-auto z-1">
                      <div class="mr-auto mb-6 bg-white rounded-full w-16 h-16 text-center inline-flex items-center justify-center "><i class="text-orange-500 text-2xl fas fa-anchor"></i></div>
                      <h3 class="text-3xl font-bold mt-0 mb-2 text-white leading-tight">Latest Boats Project</h3>
                      <h6 class="text-white opacity-75 text-xl mt-0 mb-4">This is our latest project for the beautiful Portofino Boats...</h6>
                      <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-white bg-orange-500 border-orange-500 active:bg-orange-600 active:border-orange-600 text-xs px-3 py-2 shadow hover:shadow-md rounded-md">Find more...</button>
                   </div>
                </div>
             </div>
             <div class="px-4 relative w-full md:w-4/12">
                <div class="relative flex flex-col min-w-0 break-words bg-white w-full mb-6 shadow-lg rounded-lg bg-50 bg-cover p-10" style="background-image: url('../../assets/img/misc/projects/tim-marshall-uwBdR69Jxvg-unsplash.jpg');">
                   <div class="absolute w-full h-full top-0 left-0 bg-black opacity-60 z-0 rounded-lg"></div>
                   <div class="text-center flex-auto z-1">
                      <div class="mx-auto mb-6 bg-white rounded-full w-16 h-16 text-center inline-flex items-center justify-center "><i class="text-red-500 text-2xl fas fa-gamepad"></i></div>
                      <h3 class="text-3xl font-bold mt-0 mb-2 text-white leading-tight">Game Changers</h3>
                      <h6 class="text-white opacity-75 text-xl mt-0 mb-4">Many things changed during 2021 times...</h6>
                      <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-white bg-red-500 border-red-500 active:bg-red-600 active:border-red-600 text-xs px-3 py-2 shadow hover:shadow-md rounded-md">check out</button>
                   </div>
                </div>
             </div>
             <div class="px-4 relative w-full md:w-4/12">
                <div class="relative flex flex-col min-w-0 break-words bg-white w-full mb-6 shadow-lg rounded-lg bg-50 bg-cover p-10" style="background-image: url('../../assets/img/misc/projects/simon-sun-K9X1klwnNxo-unsplash.jpg');">
                   <div class="absolute w-full h-full top-0 left-0 bg-black opacity-60 z-0 rounded-lg"></div>
                   <div class="text-right flex-auto z-1">
                      <div class="ml-auto mb-6 bg-white rounded-full w-16 h-16 text-center inline-flex items-center justify-center "><i class="text-emerald-500 text-2xl fab fa-html5"></i></div>
                      <h3 class="text-3xl font-bold mt-0 mb-2 text-white leading-tight">HTML is growing</h3>
                      <h6 class="text-white opacity-75 text-xl mt-0 mb-4">HTML is the core structure for many apps...</h6>
                      <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-white bg-emerald-500 border-emerald-500 active:bg-emerald-600 active:border-emerald-600 text-xs px-3 py-2 shadow hover:shadow-md rounded-md">check out</button>
                   </div>
                </div>
             </div>
          </div>
       </div>
    </div>
 </div>