https://www.ivagus.com/index.php/ en https://www.ivagus.com/index.php/blocks-testimonials <span class="field field--name-title field--type-string field--label-hidden">Blocks Testimonials</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><a title="View user profile." href="/index.php/user-profile/devraj" class="username">devraj</a></span> <span class="field field--name-created field--type-created field--label-hidden"><time datetime="2023-07-10T08:47:47+00:00" title="Monday, July 10, 2023 - 08:47" class="datetime">Mon, 07/10/2023 - 08:47</time> </span> <div class="field field--name-field-mainmenu-transparent field--type-boolean field--label-hidden field--item">Off</div> <div class="field field--name-field-mainmenu-absolute field--type-boolean field--label-hidden field--item">Off</div> <section class="paragraph paragraph--type--paragraph-section wrapper bg-soft-primary text-center paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-md"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-md-9 col-lg-7 col-xl-5 mx-auto"><h1 class="display-1 mb-3">Blocks - Testimonials</h1><p class="lead px-xxl-10">Copy any custom paragraph block below and use it on your page to build your website easily.</p></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-center" > <div class="container space-lg"> <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-7"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row gx-md-5 gy-5"><div class="col-md-6 col-xl-5 align-self-end"><div class="card bg-pale-yellow"><div class="card-body"><blockquote class="icon mb-0"><p>“Cum sociis natoque penatibus et magnis dis parturient montes.”</p><div class="blockquote-details"><div class="info p-0"><h5 class="mb-1">Coriss Ambady</h5><p class="mb-0">Financial Analyst</p></div></div></blockquote></div></div></div><div class="col-md-6 align-self-end"><div class="card bg-pale-red"><div class="card-body"><blockquote class="icon mb-0"><p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper.”</p><div class="blockquote-details"><div class="info p-0"><h5 class="mb-1">Cory Zamora</h5><p class="mb-0">Marketing Specialist</p></div></div></blockquote></div></div></div><div class="col-md-6 col-xl-5 offset-xl-1"><div class="card bg-pale-leaf"><div class="card-body"><blockquote class="icon mb-0"><p>“Donec id elit non porta gravida at eget metus. Duis mollis est commodo luctus, nisi erat porttitor.”</p><div class="blockquote-details"><div class="info p-0"><h5 class="mb-1">Barclay Widerski</h5><p class="mb-0">Sales Specialist</p></div></div></blockquote></div></div></div><div class="col-md-6 align-self-start"><div class="card bg-pale-blue"><div class="card-body"><blockquote class="icon mb-0"><p>“Nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean eu leo pellentesque ornare.”</p><div class="blockquote-details"><div class="info p-0"><h5 class="mb-1">Jackie Sanders</h5><p class="mb-0">Investment Planner</p></div></div></blockquote></div></div></div></div> </div> </div> <div class="col-lg-5"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <h2 class="display-4 mb-3">Our Community</h2><p class="lead fs-lg">Customer satisfaction is our major goal. See what our customers are saying about us.</p><p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum. Vestibulum id ligula porta felis euismod semper.</p><p><a class="btn btn-navy rounded-pill mt-3" href="#">All Testimonials</a></p> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row position-relative"><figure class="rounded position-absolute d-none d-lg-block" style="height:auto;right:0;top:50%;transform:translateY(-50%);width:45%;z-index:2;"><img src="/sites/default/files/img/photos/tei1.jpg" alt="" srcset="/sites/default/files/img/photos/tei1@2x.jpg 2x" sizes="100vw" /></figure><div class="col-lg-9 text-center"><div class="card bg-gray"><div class="card-body p-md-10 py-xxl-16"><div class="row gx-0"><div class="col-lg-8 ps-xl-10"><blockquote class="border-0 fs-lg mb-0"><p>“Donec id elit non mi porta gravida at eget metus. Vivamus mollis est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Duis mollis porta est non commodo luctus.”</p><div class="blockquote-details justify-content-center text-center"><div class="info p-0"><h4 class="mb-1">Coriss Ambady</h4><p class="mb-0">Financial Analyst</p></div></div></blockquote></div></div></div></div></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-4"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <h2 class="display-4 mt-10 mb-3">Our Community</h2><p class="lead fs-lg mb-6">Customer satisfaction is our major goal. See what our clients are saying about our services.</p><p><a class="btn btn-primary rounded-pill" href="#">All Testimonials</a></p> </div> </div> <div class="col-lg-8"> <div class="paragraph paragraph--type--from-library paragraph--view-mode--default"> <div class="field field--name-paragraphs field--type-entity-reference-revisions field--label-hidden field--item"><div class="paragraph paragraph--type--paragraph-slider-block paragraph--view-mode--default"> <div class="swiper-container dots-closer mb-6" data-dots="true" data-margin="0" data-items-xs="1" data-items-md="2" > <div class="swiper "> <div class="swiper-wrapper"> <div class="swiper-slide" > <div class="item-inner"><div class="card"><div class="card-body"><blockquote class="icon mb-0"><p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio, dapibus ac facilisis sed posuere.”</p><div class="blockquote-details"><img class="rounded-circle w-12" src="/sites/default/files/img/avatars/te1.jpg" alt="" srcset="/sites/default/files/img/avatars/te1@2x.jpg 2x" sizes="100vw" /><div class="info"><h5 class="mb-1">Coriss Ambady</h5><p class="mb-0">Financial Analyst</p></div></div></blockquote></div></div></div> </div> <div class="swiper-slide" > <div class="item-inner"><div class="card"><div class="card-body"><blockquote class="icon mb-0"><p>“Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Duis mollis, est non commodo luctus.”</p><div class="blockquote-details"><img class="rounded-circle w-12" src="/sites/default/files/img/avatars/te2.jpg" alt="" srcset="/sites/default/files/img/avatars/te2@2x.jpg 2x" sizes="100vw" /><div class="info"><h5 class="mb-1">Cory Zamora</h5><p class="mb-0">Marketing Specialist</p></div></div></blockquote></div></div></div> </div> <div class="swiper-slide" > <div class="item-inner"><div class="card"><div class="card-body"><blockquote class="icon mb-0"><p>“Nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec id elit non mi porta gravida.”</p><div class="blockquote-details"><img class="rounded-circle w-12" src="/sites/default/files/img/avatars/te3.jpg" alt="" srcset="/sites/default/files/img/avatars/te3@2x.jpg 2x" sizes="100vw" /><div class="info"><h5 class="mb-1">Nikolas Brooten</h5><p class="mb-0">Sales Manager</p></div></div></blockquote></div></div></div> </div> <div class="swiper-slide" > <div class="item-inner"><div class="card"><div class="card-body"><blockquote class="icon mb-0"><p>“Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec id elit non mi porta gravida at eget metus posuere consectetur.”</p><div class="blockquote-details"><img class="rounded-circle w-12" src="/sites/default/files/img/avatars/te4.jpg" alt="" srcset="/sites/default/files/img/avatars/te4@2x.jpg 2x" sizes="100vw" /><div class="info"><h5 class="mb-1">Coriss Ambady</h5><p class="mb-0">Financial Analyst</p></div></div></blockquote></div></div></div> </div> <div class="swiper-slide" > <div class="item-inner"><div class="card"><div class="card-body"><blockquote class="icon mb-0"><p>“Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Praesent commodo cursus magna, vel scelerisque.”</p><div class="blockquote-details"><img class="rounded-circle w-12" src="/sites/default/files/img/avatars/te5.jpg" alt="" srcset="/sites/default/files/img/avatars/te5@2x.jpg 2x" sizes="100vw" /><div class="info"><h5 class="mb-1">Jackie Sanders</h5><p class="mb-0">Investment Planner</p></div></div></blockquote></div></div></div> </div> <div class="swiper-slide" > <div class="item-inner"><div class="card"><div class="card-body"><blockquote class="icon mb-0"><p>“Donec id elit non mi porta gravida at eget metus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Maecenas sed diam eget risus varius blandit sit amet non magna.”</p><div class="blockquote-details"><img class="rounded-circle w-12" src="/sites/default/files/img/avatars/te6.jpg" alt="" srcset="/sites/default/files/img/avatars/te6@2x.jpg 2x" sizes="100vw" /><div class="info"><h5 class="mb-1">Laura Widerski</h5><p class="mb-0">Sales Specialist</p></div></div></blockquote></div></div></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border switch-column-mobile paragraph--view-mode--default" data-content-align="align-items-center" > <div class="container space-lg"> <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-5"> <div class="paragraph paragraph--type--from-library paragraph--view-mode--default"> <div class="field field--name-paragraphs field--type-entity-reference-revisions field--label-hidden field--item"><div class="paragraph paragraph--type--paragraph-slider-block paragraph--view-mode--default"> <div class="swiper-container dots-closer mb-6" data-dots="true" data-margin="" > <div class="swiper "> <div class="swiper-wrapper"> <div class="swiper-slide" > <blockquote class="icon icon-top fs-lg text-center"><p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo consectetur.”</p><div class="blockquote-details justify-content-center text-center"><div class="info ps-0"><h5 class="mb-1">Coriss Ambady</h5><p class="mb-0">Financial Analyst</p></div></div></blockquote> </div> <div class="swiper-slide" > <blockquote class="icon icon-top fs-lg text-center"><p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur.”</p><div class="blockquote-details justify-content-center text-center"><div class="info ps-0"><h5 class="mb-1">Cory Zamora</h5><p class="mb-0">Marketing Specialist</p></div></div></blockquote> </div> <div class="swiper-slide" > <blockquote class="icon icon-top fs-lg text-center"><p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur.”</p><div class="blockquote-details justify-content-center text-center"><div class="info ps-0"><h5 class="mb-1">Nikolas Brooten</h5><p class="mb-0">Sales Manager</p></div></div></blockquote> </div> </div> </div> </div> </div> </div> </div> </div> <div class="col-lg-7"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <figure><img class="w-auto" src="/sites/default/files/img/illustrations/i4.png" alt="" srcset="/sites/default/files/img/illustrations/i4@2x.png 2x" sizes="100vw" /></figure> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <h2 class="display-4 mb-3 text-center">Happy Customers</h2><p class="lead text-center mb-6 px-md-16 px-lg-0">Customer satisfaction is our major goal. See what our customers are saying about us.</p> </div> <div class="paragraph paragraph--type--from-library paragraph--view-mode--default"> <div class="field field--name-paragraphs field--type-entity-reference-revisions field--label-hidden field--item"><div class="paragraph paragraph--type--paragraph-slider-block paragraph--view-mode--default"> <div class="swiper-container dots-closer mb-6" data-dots="true" data-margin="0" data-items-xs="1" data-items-md="3" data-items-xl="3" > <div class="swiper "> <div class="swiper-wrapper"> <div class="swiper-slide" > <div class="card m-3"><div class="card-body"><p><span class="ratings five mb-3">‌</span></p><blockquote class="icon mb-0"><p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque.”</p><div class="blockquote-details"><img class="rounded-circle w-12" src="/sites/default/files/img/avatars/te7.jpg" alt="" srcset="/sites/default/files/img/avatars/te7@2x.jpg 2x" sizes="100vw" /><div class="info"><h5 class="mb-0">Coriss Ambady</h5><p class="mb-0">Financial Analyst</p></div></div></blockquote></div></div> </div> <div class="swiper-slide" > <div class="card m-3"><div class="card-body"><p><span class="ratings five mb-3">‌</span></p><blockquote class="icon mb-0"><p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque.”</p><div class="blockquote-details"><img class="rounded-circle w-12" src="/sites/default/files/img/avatars/te8.jpg" alt="" srcset="/sites/default/files/img/avatars/te8@2x.jpg 2x" sizes="100vw" /><div class="info"><h5 class="mb-0">Cory Zamora</h5><p class="mb-0">Marketing Specialist</p></div></div></blockquote></div></div> </div> <div class="swiper-slide" > <div class="card m-3"><div class="card-body"><p><span class="ratings five mb-3">‌</span></p><blockquote class="icon mb-0"><p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque.”</p><div class="blockquote-details"><img class="rounded-circle w-12" src="/sites/default/files/img/avatars/te9.jpg" alt="" srcset="/sites/default/files/img/avatars/te9@2x.jpg 2x" sizes="100vw" /><div class="info"><h5 class="mb-0">Nikolas Brooten</h5><p class="mb-0">Sales Manager</p></div></div></blockquote></div></div> </div> <div class="swiper-slide" > <div class="card m-3"><div class="card-body"><p><span class="ratings five mb-3">‌</span></p><blockquote class="icon mb-0"><p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque.”</p><div class="blockquote-details"><img class="rounded-circle w-12" src="/sites/default/files/img/avatars/te10.jpg" alt="" srcset="/sites/default/files/img/avatars/te10@2x.jpg 2x" sizes="100vw" /><div class="info"><h5 class="mb-0">Coriss Ambady</h5><p class="mb-0">Financial Analyst</p></div></div></blockquote></div></div> </div> <div class="swiper-slide" > <div class="card m-3"><div class="card-body"><p><span class="ratings five mb-3">‌</span></p><blockquote class="icon mb-0"><p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque.”</p><div class="blockquote-details"><img class="rounded-circle w-12" src="/sites/default/files/img/avatars/te11.jpg" alt="" srcset="/sites/default/files/img/avatars/te11@2x.jpg 2x" sizes="100vw" /><div class="info"><h5 class="mb-0">Jackie Sanders</h5><p class="mb-0">Investment Planner</p></div></div></blockquote></div></div> </div> <div class="swiper-slide" > <div class="card m-3"><div class="card-body"><p><span class="ratings five mb-3">‌</span></p><blockquote class="icon mb-0"><p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque.”</p><div class="blockquote-details"><img class="rounded-circle w-12" src="/sites/default/files/img/avatars/te12.jpg" alt="" srcset="/sites/default/files/img/avatars/te12@2x.jpg 2x" sizes="100vw" /><div class="info"><h5 class="mb-0">Laura Widerski</h5><p class="mb-0">Sales Specialist</p></div></div></blockquote></div></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-center" > <div class="container space-lg"> <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-7"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="position-relative"><div class="shape bg-dot primary rellax w-18 h-18" style="left:-1.4rem;top:0;z-index:0;" data-rellax-speed="1"> </div><div class="row gx-md-5 gy-5"><div class="col-md-6"><figure class="rounded mt-md-10 position-relative"><img src="/sites/default/files/img/photos/g5.jpg" alt="" srcset="/sites/default/files/img/photos/g5@2x.jpg 2x" sizes="100vw" /></figure></div><div class="col-md-6"><div class="row gx-md-5 gy-5"><div class="col-md-12 order-md-2"><figure class="rounded"><img src="/sites/default/files/img/photos/g6.jpg" alt="" srcset="/sites/default/files/img/photos/g6@2x.jpg 2x" sizes="100vw" /></figure></div><div class="col-md-10"><div class="card bg-pale-primary text-center"><div class="card-body py-11 counter-wrapper"><h3 class="counter text-nowrap">5000+</h3><p class="mb-0">Satisfied Customers</p></div></div></div></div></div></div></div> </div> </div> <div class="col-lg-5"> <div class="paragraph paragraph--type--from-library paragraph--view-mode--default"> <div class="field field--name-paragraphs field--type-entity-reference-revisions field--label-hidden field--item"><div class="paragraph paragraph--type--paragraph-slider-block paragraph--view-mode--default"> <div class="swiper-container dots-closer mb-6" data-dots="true" data-margin="" > <div class="swiper "> <div class="swiper-wrapper"> <div class="swiper-slide" > <blockquote class="icon icon-top fs-lg text-center"><p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo consectetur.”</p><div class="blockquote-details justify-content-center text-center"><div class="info ps-0"><h5 class="mb-1">Coriss Ambady</h5><p class="mb-0">Financial Analyst</p></div></div></blockquote> </div> <div class="swiper-slide" > <blockquote class="icon icon-top fs-lg text-center"><p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur.”</p><div class="blockquote-details justify-content-center text-center"><div class="info ps-0"><h5 class="mb-1">Cory Zamora</h5><p class="mb-0">Marketing Specialist</p></div></div></blockquote> </div> <div class="swiper-slide" > <blockquote class="icon icon-top fs-lg text-center"><p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur.”</p><div class="blockquote-details justify-content-center text-center"><div class="info ps-0"><h5 class="mb-1">Nikolas Brooten</h5><p class="mb-0">Sales Manager</p></div></div></blockquote> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2 mx-auto text-center"><h2 class="fs-15 text-uppercase text-muted mb-3">Happy Customers</h2><h3 class="display-4 mb-10 px-xl-10 px-xxl-15">Don't take our word for it. See what customers are saying about us.</h3></div></div> </div> <div class="paragraph paragraph--type--from-library paragraph--view-mode--default"> <div class="field field--name-paragraphs field--type-entity-reference-revisions field--label-hidden field--item"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="grid"><div class="row isotope gy-6"><div class="item col-md-6 col-xl-4"><div class="card shadow-lg"><div class="card-body"><p><span class="ratings five mb-3">‌</span></p><blockquote class="icon mb-0"><p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque penatibus.”</p><div class="blockquote-details"><img class="rounded-circle w-12" src="/sites/default/files/img/avatars/te1.jpg" alt="" srcset="/sites/default/files/img/avatars/te1@2x.jpg 2x" sizes="100vw" /><div class="info"><h5 class="mb-1">Coriss Ambady</h5><p class="mb-0">Financial Analyst</p></div></div></blockquote></div></div></div><div class="item col-md-6 col-xl-4"><div class="card shadow-lg"><div class="card-body"><p><span class="ratings five mb-3">‌</span></p><blockquote class="icon mb-0"><p>“Fusce dapibus, tellus ac cursus tortor mauris condimentum fermentum massa justo sit amet. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed.”</p><div class="blockquote-details"><img class="rounded-circle w-12" src="/sites/default/files/img/avatars/te2.jpg" alt="" srcset="/sites/default/files/img/avatars/te2@2x.jpg 2x" sizes="100vw" /><div class="info"><h5 class="mb-1">Cory Zamora</h5><p class="mb-0">Marketing Specialist</p></div></div></blockquote></div></div></div><div class="item col-md-6 col-xl-4"><div class="card shadow-lg"><div class="card-body"><p><span class="ratings five mb-3">‌</span></p><blockquote class="icon mb-0"><p>“Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nullam quis risus eget porta ac consectetur vestibulum. Donec sed odio dui consectetur adipiscing elit.”</p><div class="blockquote-details"><img class="rounded-circle w-12" src="/sites/default/files/img/avatars/te3.jpg" alt="" srcset="/sites/default/files/img/avatars/te3@2x.jpg 2x" sizes="100vw" /><div class="info"><h5 class="mb-1">Nikolas Brooten</h5><p class="mb-0">Sales Manager</p></div></div></blockquote></div></div></div><div class="item col-md-6 col-xl-4"><div class="card shadow-lg"><div class="card-body"><p><span class="ratings five mb-3">‌</span></p><blockquote class="icon mb-0"><p>“Etiam adipiscing tincidunt elit convallis felis suscipit ut. Phasellus rhoncus tincidunt auctor. Nullam eu sagittis mauris. Donec non dolor ac elit aliquam tincidunt at at sapien. Aenean tortor libero condimentum ac laoreet vitae.”</p><div class="blockquote-details"><img class="rounded-circle w-12" src="/sites/default/files/img/avatars/te4.jpg" alt="" srcset="/sites/default/files/img/avatars/te4@2x.jpg 2x" sizes="100vw" /><div class="info"><h5 class="mb-1">Coriss Ambady</h5><p class="mb-0">Financial Analyst</p></div></div></blockquote></div></div></div><div class="item col-md-6 col-xl-4"><div class="card shadow-lg"><div class="card-body"><p><span class="ratings five mb-3">‌</span></p><blockquote class="icon mb-0"><p>“Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus magnis dis montes, nascetur ridiculus mus. Donec sed odio dui. Nulla vitae elit libero.”</p><div class="blockquote-details"><img class="rounded-circle w-12" src="/sites/default/files/img/avatars/te5.jpg" alt="" srcset="/sites/default/files/img/avatars/te5@2x.jpg 2x" sizes="100vw" /><div class="info"><h5 class="mb-1">Jackie Sanders</h5><p class="mb-0">Investment Planner</p></div></div></blockquote></div></div></div><div class="item col-md-6 col-xl-4"><div class="card shadow-lg"><div class="card-body"><p><span class="ratings five mb-3">‌</span></p><blockquote class="icon mb-0"><p>“Donec id elit non mi porta gravida at eget metus. Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.”</p><div class="blockquote-details"><img class="rounded-circle w-12" src="/sites/default/files/img/avatars/te6.jpg" alt="" srcset="/sites/default/files/img/avatars/te6@2x.jpg 2x" sizes="100vw" /><div class="info"><h5 class="mb-1">Laura Widerski</h5><p class="mb-0">Sales Specialist</p></div></div></blockquote></div></div></div></div></div> </div> </div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border mb-16 paragraph--view-mode--default" data-content-align="align-items-center" > <div class="container space-lg pb-0"> <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-6"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xl-10 offset-xl-2 d-none d-lg-flex position-relative"><div class="shape rounded-circle bg-soft-primary rellax w-21 h-21" style="left:1rem;top:7rem;" data-rellax-speed="1"> </div><figure><img src="/sites/default/files/img/photos/co1.png" alt="" srcset="/sites/default/files/img/photos/co1@2x.png 2x" sizes="100vw" /></figure></div></div> </div> </div> <div class="col-lg-6"> <div class="paragraph paragraph--type--from-library paragraph--view-mode--default"> <div class="field field--name-paragraphs field--type-entity-reference-revisions field--label-hidden field--item"><div class="paragraph paragraph--type--paragraph-slider-block paragraph--view-mode--default"> <div class="swiper-container dots-closer mb-6" data-dots="true" data-margin="" > <div class="swiper "> <div class="swiper-wrapper"> <div class="swiper-slide" > <blockquote class="icon icon-top fs-lg text-center"><p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo consectetur.”</p><div class="blockquote-details justify-content-center text-center"><div class="info ps-0"><h5 class="mb-1">Coriss Ambady</h5><p class="mb-0">Financial Analyst</p></div></div></blockquote> </div> <div class="swiper-slide" > <blockquote class="icon icon-top fs-lg text-center"><p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur.”</p><div class="blockquote-details justify-content-center text-center"><div class="info ps-0"><h5 class="mb-1">Cory Zamora</h5><p class="mb-0">Marketing Specialist</p></div></div></blockquote> </div> <div class="swiper-slide" > <blockquote class="icon icon-top fs-lg text-center"><p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur.”</p><div class="blockquote-details justify-content-center text-center"><div class="info ps-0"><h5 class="mb-1">Nikolas Brooten</h5><p class="mb-0">Sales Manager</p></div></div></blockquote> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--from-library paragraph--view-mode--default"> <div class="field field--name-paragraphs field--type-entity-reference-revisions field--label-hidden field--item"> <div class="paragraph paragraph--type--paragraph-card card bg-soft-primary rounded-4 p-md-6 py-xxl-12 position-relative shadow-none paragraph--view-mode--default" > <div class="card-body"> <div class="position-absolute d-none d-lg-block" style="bottom:0;left:10%;width:28%;z-index:2;"><figure><img src="/sites/default/files/img/photos/co2.png" alt="" srcset="/sites/default/files/img/photos/co2@2x.png 2x" sizes="100vw" /></figure></div><div class="row gx-md-0 gx-xl-12 text-center"><div class="col-lg-7 offset-lg-5 col-xl-6"><p><span class="ratings five mb-3">‌</span></p><blockquote class="border-0 fs-lg mb-0"><p>“Fusce dapibus tellus ac cursus commodo, tortor mauris condimentum nibh ut fermentum massa, justo sit amet vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed”</p><div class="blockquote-details justify-content-center text-center"><div class="info p-0"><h5 class="mb-1">Coriss Ambady</h5><div class="meta mb-0">Financial Analyst</div></div></div></blockquote></div></div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--from-library paragraph--view-mode--default"> <div class="field field--name-paragraphs field--type-entity-reference-revisions field--label-hidden field--item"> <div class="paragraph paragraph--type--paragraph-card card mt-11 shadow-lg paragraph--view-mode--default" > <div class="row gx-0"> <div class="col-lg-6 image-wrapper bg-image bg-cover rounded-top rounded-start" data-image-src="/sites/default/files/img/photos/tm1.jpg"></div> <div class="col-lg-6"> <div class="card-body p-10 p-md-11 p-lg-13"> <div class="swiper-container dots-closer mb-6" data-margin="30" data-dots="true"><div class="swiper"><div class="swiper-wrapper"><div class="swiper-slide"><blockquote class="icon icon-top fs-lg text-center"><p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper.”</p><div class="blockquote-details justify-content-center text-center"><div class="info ps-0"><h5 class="mb-1">Coriss Ambady</h5><p class="mb-0">Financial Analyst</p></div></div></blockquote></div><div class="swiper-slide"><blockquote class="icon icon-top fs-lg text-center"><p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper.”</p><div class="blockquote-details justify-content-center text-center"><div class="info ps-0"><h5 class="mb-1">Cory Zamora</h5><p class="mb-0">Marketing Specialist</p></div></div></blockquote></div><div class="swiper-slide"><blockquote class="icon icon-top fs-lg text-center"><p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper.”</p><div class="blockquote-details justify-content-center text-center"><div class="info ps-0"><h5 class="mb-1">Nikolas Brooten</h5><p class="mb-0">Sales Manager</p></div></div></blockquote></div></div></div></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--from-library paragraph--view-mode--default"> <div class="field field--name-paragraphs field--type-entity-reference-revisions field--label-hidden field--item"> <div class="paragraph paragraph--type--paragraph-card card image-wrapper bg-full bg-image bg-overlay col-xl-10 mx-auto text-white text-center paragraph--view-mode--default" data-image-src="/sites/default/files/img/photos/bg2.jpg" > <div class="card-body"> <div class="row gx-0"><div class="col-xxl-9 mx-auto"><div class="swiper-container dots-light dots-closer mb-6" data-margin="30" data-dots="true"><div class="swiper"><div class="swiper-wrapper"><div class="swiper-slide"><p><span class="ratings five mb-3">‌</span></p><blockquote class="border-0 fs-lg mb-2"><p>“Vivamus sagittis lacus augue laoreet rutrum faucibus auctor vestibulum ligula porta felis, euismod semper cras justo odio consectetur.”</p><div class="blockquote-details justify-content-center text-center"><div class="info ps-0"><h5 class="mb-1 text-white">Coriss Ambady</h5><p class="mb-0">Financial Analyst</p></div></div></blockquote></div><div class="swiper-slide"><p><span class="ratings five mb-3">‌</span></p><blockquote class="border-0 fs-lg mb-2"><p>“Vivamus sagittis lacus augue laoreet rutrum faucibus auctor vestibulum ligula porta felis, euismod semper cras justo odio consectetur.”</p><div class="blockquote-details justify-content-center text-center"><div class="info ps-0"><h5 class="mb-1 text-white">Cory Zamora</h5><p class="mb-0">Marketing Specialist</p></div></div></blockquote></div><div class="swiper-slide"><p><span class="ratings five mb-3">‌</span></p><blockquote class="border-0 fs-lg mb-2"><p>“Vivamus sagittis lacus augue laoreet rutrum faucibus auctor vestibulum ligula porta felis, euismod semper cras justo odio consectetur.”</p><div class="blockquote-details justify-content-center text-center"><div class="info ps-0"><h5 class="mb-1 text-white">Nikolas Brooten</h5><p class="mb-0">Sales Manager</p></div></div></blockquote></div></div></div></div></div></div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--from-library paragraph--view-mode--default"> <div class="field field--name-paragraphs field--type-entity-reference-revisions field--label-hidden field--item"><div class="paragraph paragraph--type--paragraph-slider-block paragraph--view-mode--default"> <div class="swiper-container dots-light dots-closer text-center mb-6 col-md-10 col-lg-8 mx-auto" data-dots="true" data-margin="30" > <div class="swiper "> <div class="swiper-wrapper"> <div class="swiper-slide" > <blockquote class="border-0 fs-lg mb-0"><p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur adipiscing dapibus.”</p><div class="blockquote-details justify-content-center"><img class="rounded-circle w-12" src="/sites/default/files/img/avatars/te1.jpg" alt="" srcset="/sites/default/files/img/avatars/te1@2x.jpg 2x" sizes="100vw" /><div class="info"><h6 class="mb-1">Coriss Ambady</h6><p class="mb-0">Financial Analyst</p></div></div></blockquote> </div> <div class="swiper-slide" > <blockquote class="border-0 fs-lg mb-0"><p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur adipiscing dapibus.”</p><div class="blockquote-details justify-content-center"><img class="rounded-circle w-12" src="/sites/default/files/img/avatars/te2.jpg" alt="" srcset="/sites/default/files/img/avatars/te2@2x.jpg 2x" sizes="100vw" /><div class="info"><h6 class="mb-1">Cory Zamora</h6><p class="mb-0">Marketing Specialist</p></div></div></blockquote> </div> <div class="swiper-slide" > <blockquote class="border-0 fs-lg mb-0"><p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur adipiscing dapibus.”</p><div class="blockquote-details justify-content-center"><img class="rounded-circle w-12" src="/sites/default/files/img/avatars/te3.jpg" alt="" srcset="/sites/default/files/img/avatars/te3@2x.jpg 2x" sizes="100vw" /><div class="info"><h6 class="mb-1">Nikolas Brooten</h6><p class="mb-0">Sales Manager</p></div></div></blockquote> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section-image-bg wrapper image-wrapper bg-image bg-overlay text-white paragraph--view-mode--default" data-image-src="/sites/default/files/img/photos/bg32.jpg" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--from-library paragraph--view-mode--default"> <div class="field field--name-paragraphs field--type-entity-reference-revisions field--label-hidden field--item"><div class="paragraph paragraph--type--paragraph-slider-block paragraph--view-mode--default"> <div class="swiper-container dots-closer mb-6" data-dots="true" data-margin="" > <div class="swiper "> <div class="swiper-wrapper"> <div class="swiper-slide" > <blockquote class="icon icon-top fs-lg text-center"><p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo consectetur.”</p><div class="blockquote-details justify-content-center text-center"><div class="info ps-0"><h5 class="mb-1">Coriss Ambady</h5><p class="mb-0">Financial Analyst</p></div></div></blockquote> </div> <div class="swiper-slide" > <blockquote class="icon icon-top fs-lg text-center"><p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur.”</p><div class="blockquote-details justify-content-center text-center"><div class="info ps-0"><h5 class="mb-1">Cory Zamora</h5><p class="mb-0">Marketing Specialist</p></div></div></blockquote> </div> <div class="swiper-slide" > <blockquote class="icon icon-top fs-lg text-center"><p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur.”</p><div class="blockquote-details justify-content-center text-center"><div class="info ps-0"><h5 class="mb-1">Nikolas Brooten</h5><p class="mb-0">Sales Manager</p></div></div></blockquote> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-soft-primary wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="region--top"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row text-center"><div class="col-lg-8 offset-lg-2"><h2 class="fs-16 text-uppercase text-primary mb-3">Happy Customers</h2><h3 class="display-4 mb-10 px-xxl-10">Don't take our word for it. See what customers are saying about us.</h3></div></div> </div> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-6"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="ms-auto col-xl-10 d-none d-lg-flex"><div class="img-mask mask-3"><img src="/sites/default/files/img/photos/about28.jpg" alt="" srcset="/sites/default/files/img/photos/about28@2x.jpg 2x" sizes="100vw" /></div></div></div> </div> </div> <div class="col-lg-6"> <div class="paragraph paragraph--type--from-library paragraph--view-mode--default"> <div class="field field--name-paragraphs field--type-entity-reference-revisions field--label-hidden field--item"><div class="paragraph paragraph--type--paragraph-slider-block paragraph--view-mode--default"> <div class="swiper-container dots-start dots-closer mb-6" data-dots="true" data-margin="30" > <div class="swiper "> <div class="swiper-wrapper"> <div class="swiper-slide" > <p><span class="ratings five mb-3">‌</span></p><blockquote class="border-0 fs-lg mb-0"><p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur nulla dapibus curabitur blandit faucibus.”</p><div class="blockquote-details"><div class="info ps-0"><h5 class="mb-1">Coriss Ambady</h5><p class="mb-0">Financial Analyst</p></div></div></blockquote> </div> <div class="swiper-slide" > <p><span class="ratings five mb-3">‌</span></p><blockquote class="border-0 fs-lg mb-0"><p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur nulla dapibus curabitur blandit faucibus.”</p><div class="blockquote-details"><div class="info ps-0"><h5 class="mb-1">Cory Zamora</h5><p class="mb-0">Marketing Specialist</p></div></div></blockquote> </div> <div class="swiper-slide" > <p><span class="ratings five mb-3">‌</span></p><blockquote class="border-0 fs-lg mb-0"><p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur nulla dapibus curabitur blandit faucibus.”</p><div class="blockquote-details"><div class="info ps-0"><h5 class="mb-1">Nikolas Brooten</h5><p class="mb-0">Sales Manager</p></div></div></blockquote> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-md-11 col-lg-10 col-xl-9 col-xxl-8 mx-auto text-center position-relative"><img class="h-9 position-absolute d-none d-lg-block" style="left:9%;top:2%;" src="/sites/default/files/img/svg/doodle1.svg" alt="" /><img class="h-7 position-absolute d-none d-lg-block" style="left:-17%;top:-45%;" src="/sites/default/files/img/svg/doodle10.svg" alt="" /><img class="h-13 position-absolute d-none d-lg-block" style="right:-15%;top:-40%;" src="/sites/default/files/img/svg/doodle11.svg" alt="" /><h2 class="fs-16 text-uppercase text-muted mb-3">Happy Customers</h2><h3 class="display-3 mb-11 px-xl-10 px-xxl-13">Don't take our word for it. See what <span class="text-gradient gradient-7">customers</span> are saying about us.</h3></div></div> </div> <div class="paragraph paragraph--type--from-library paragraph--view-mode--default"> <div class="field field--name-paragraphs field--type-entity-reference-revisions field--label-hidden field--item"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="grid mb-12"><div class="row isotope gy-6"><div class="item col-md-6 col-xl-4"><div class="card shadow-none rounded-xl bg-soft-grape"><div class="card-body"><blockquote class="icon mb-0"><p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque penatibus.”</p><div class="blockquote-details"><div class="info ps-0"><h5 class="mb-1">Coriss Ambady</h5><p class="mb-0">Financial Analyst</p></div></div></blockquote></div></div></div><div class="item col-md-6 col-xl-4"><div class="card shadow-none rounded-xl bg-soft-green"><div class="card-body"><blockquote class="icon mb-0"><p>“Fusce dapibus, tellus ac cursus tortor mauris condimentum fermentum massa justo sit amet. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.”</p><div class="blockquote-details"><div class="info ps-0"><h5 class="mb-1">Cory Zamora</h5><p class="mb-0">Marketing Specialist</p></div></div></blockquote></div></div></div><div class="item col-md-6 col-xl-4"><div class="card shadow-none rounded-xl bg-soft-orange"><div class="card-body"><blockquote class="icon mb-0"><p>“Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nullam quis risus eget porta ac consectetur vestibulum. Donec sed odio dui consectetur adipiscing elit.”</p><div class="blockquote-details"><div class="info ps-0"><h5 class="mb-1">Nikolas Brooten</h5><p class="mb-0">Sales Manager</p></div></div></blockquote></div></div></div><div class="item col-md-6 col-xl-4"><div class="card shadow-none rounded-xl bg-soft-pink"><div class="card-body"><blockquote class="icon mb-0"><p>“Etiam adipiscing tincidunt elit convallis felis suscipit ut. Phasellus rhoncus tincidunt auctor. Nullam eu sagittis mauris. Donec non dolor ac elit aliquam tincidunt at at sapien. Aenean tortor libero condimentum ac laoreet vitae.”</p><div class="blockquote-details"><div class="info ps-0"><h5 class="mb-1">Coriss Ambady</h5><p class="mb-0">Financial Analyst</p></div></div></blockquote></div></div></div><div class="item col-md-6 col-xl-4"><div class="card shadow-none rounded-xl bg-soft-blue"><div class="card-body"><blockquote class="icon mb-0"><p>“Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus magnis dis montes, nascetur ridiculus mus. Donec sed odio dui. Nulla vitae elit libero a pharetra.”</p><div class="blockquote-details"><div class="info ps-0"><h5 class="mb-1">Jackie Sanders</h5><p class="mb-0">Investment Planner</p></div></div></blockquote></div></div></div><div class="item col-md-6 col-xl-4"><div class="card shadow-none rounded-xl bg-soft-yellow"><div class="card-body"><blockquote class="icon mb-0"><p>“Donec id elit non mi porta gravida at eget metus. Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.”</p><div class="blockquote-details"><div class="info ps-0"><h5 class="mb-1">Laura Widerski</h5><p class="mb-0">Sales Specialist</p></div></div></blockquote></div></div></div></div></div> </div> </div> </div> </div> </div> </div> </section> Mon, 10 Jul 2023 08:47:47 +0000 devraj 93 at https://www.ivagus.com https://www.ivagus.com/index.php/blocks-portfolio <span class="field field--name-title field--type-string field--label-hidden">Blocks Portfolio</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><a title="View user profile." href="/index.php/user-profile/devraj" class="username">devraj</a></span> <span class="field field--name-created field--type-created field--label-hidden"><time datetime="2023-07-07T08:56:37+00:00" title="Friday, July 7, 2023 - 08:56" class="datetime">Fri, 07/07/2023 - 08:56</time> </span> <div class="field field--name-field-mainmenu-transparent field--type-boolean field--label-hidden field--item">Off</div> <div class="field field--name-field-mainmenu-absolute field--type-boolean field--label-hidden field--item">Off</div> <section class="paragraph paragraph--type--paragraph-section wrapper bg-soft-primary text-center paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-md"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-md-9 col-lg-7 col-xl-5 mx-auto"><h1 class="display-1 mb-3">Blocks - Portfolio</h1><p class="lead px-xxl-10">Copy any custom paragraph block below and use it on your page to build your website easily.</p></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row align-items-center mb-7"><div class="col-md-8 col-lg-8 col-xl-7 col-xxl-6 pe-lg-17"><h2 class="display-4 mb-3">Recent Projects</h2><p class="lead fs-lg">We love to turn ideas into beautiful things.</p></div></div> </div> <div class="paragraph paragraph--type--from-library paragraph--view-mode--default"> <div class="field field--name-paragraphs field--type-entity-reference-revisions field--label-hidden field--item"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="projects-tiles"><div class="project grid grid-view"><div class="row gx-md-8 gx-xl-12 gy-10 gy-md-12 isotope" data-cue="slideInUp"><div class="item col-md-5"><figure class="lift rounded mb-6"><a href="./single-project3.html"><img src="/sites/default/files/img/photos/rp1.jpg" alt="" srcset="/sites/default/files/img/photos/rp1@2x.jpg 2x" sizes="100vw" /></a></figure><div class="post-category mb-2 text-purple">Stationary</div><h3 class="post-title">Ipsum Ultricies Cursus</h3></div><div class="item col-md-7 mt-md-17"><figure class="lift rounded mb-6"><a href="./single-project2.html"><img src="/sites/default/files/img/photos/rp2.jpg" alt="" srcset="/sites/default/files/img/photos/rp2@2x.jpg 2x" sizes="100vw" /></a></figure><div class="post-category mb-2 text-orange">Invitation</div><h3 class="post-title">Mollis Ipsum Mattis</h3></div><div class="item col-md-5"><figure class="lift rounded mb-6"><a href="./single-project.html"><img src="/sites/default/files/img/photos/rp3.jpg" alt="" srcset="/sites/default/files/img/photos/rp3@2x.jpg 2x" sizes="100vw" /></a></figure><div class="post-category mb-2 text-red">Notebook</div><h3 class="post-title">Magna Tristique Inceptos</h3></div></div></div></div> </div> </div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-lg-9 col-xl-8 col-xxl-7 mx-auto text-center"><h2 class="fs-15 text-uppercase text-muted mb-3">Latest Projects</h2><h3 class="display-4 mb-10">Check out some of our awesome projects with <span class="underline-3 style-2 yellow">creative</span> ideas and great design.</h3></div></div> </div> <div class="paragraph paragraph--type--paragraph-views-reference paragraph--view-mode--default"> <drupal-render-placeholder callback="Drupal\viewsreference\Plugin\Field\FieldFormatter\ViewsReferenceFieldFormatter::lazyBuilder" arguments="0=project_lists&amp;1=block_6&amp;2=a%3A5%3A%7Bs%3A5%3A%22title%22%3BN%3Bs%3A5%3A%22pager%22%3BN%3Bs%3A6%3A%22offset%22%3BN%3Bs%3A8%3A%22argument%22%3BN%3Bs%3A5%3A%22limit%22%3BN%3B%7D&amp;3=a%3A0%3A%7B%7D&amp;4=1&amp;5=paragraph&amp;6=1822&amp;7=field_paragraph_views_reference" token="VeLsGEfVG-0PQNAEe5egfY6j-bXj8wVqFByz_u1mEr0"></drupal-render-placeholder> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--from-library paragraph--view-mode--default"> <div class="field field--name-paragraphs field--type-entity-reference-revisions field--label-hidden field--item"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="projects-tiles"><div class="project grid grid-view"><div class="row gx-md-8 gx-xl-12 gy-10 gy-md-12 isotope"><div class="item col-md-6 mt-md-7 mt-lg-15"><div class="project-details d-flex justify-content-center align-self-end flex-column ps-0 pb-0"><div class="post-header"><h2 class="display-4 mb-4 pe-xxl-15">Check out some of our recent projects below.</h2><p class="lead fs-lg mb-0">We love to turn ideas into beautiful things.</p></div></div></div><div class="item col-md-6"><figure class="lift rounded mb-6"><a href="../../single-project3.html"><img src="/sites/default/files/img/photos/rp1.jpg" alt="" srcset="/sites/default/files/img/photos/rp1@2x.jpg 2x" sizes="100vw" /></a></figure><div class="post-category text-line mb-3 text-violet">Stationary</div><h2 class="post-title h3">Ipsum Ultricies Cursus</h2></div><div class="item col-md-6"><figure class="lift rounded mb-6"><a href="../../single-project2.html"><img src="/sites/default/files/img/photos/rp2.jpg" alt="" srcset="/sites/default/files/img/photos/rp2@2x.jpg 2x" sizes="100vw" /></a></figure><div class="post-category text-line mb-3 text-leaf">Invitation</div><h2 class="post-title h3">Mollis Ipsum Mattis</h2></div><div class="item col-md-6"><figure class="lift rounded mb-6"><a href="../../single-project.html"><img src="/sites/default/files/img/photos/rp3.jpg" alt="" srcset="/sites/default/files/img/photos/rp3@2x.jpg 2x" sizes="100vw" /></a></figure><div class="post-category text-line mb-3 text-purple">Notebook</div><h2 class="post-title h3">Magna Tristique Inceptos</h2></div></div></div></div> </div> </div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container-fluid space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-lg-9 col-xl-8 col-xxl-7 mx-auto text-center"><h2 class="fs-15 text-uppercase text-muted mb-3">Latest Projects</h2><h3 class="display-4 mb-10">Check out some of our awesome projects with creative ideas and great design.</h3></div></div> </div> <div class="paragraph paragraph--type--from-library paragraph--view-mode--default"> <div class="field field--name-paragraphs field--type-entity-reference-revisions field--label-hidden field--item"><div class="paragraph paragraph--type--paragraph-slider-block paragraph--view-mode--default"> <div class="swiper-container " data-nav="true" data-dots="true" data-margin="" data-items-xs="1" data-items-md="2" data-items-xxl="3" > <div class="swiper "> <div class="swiper-wrapper"> <div class="swiper-slide rounded" > <img alt="image" src="/sites/default/files/img/photos/pp10.jpg" /> </div> <div class="swiper-slide rounded" > <img alt="image" src="/sites/default/files/img/photos/pp11.jpg" /> </div> <div class="swiper-slide rounded" > <img alt="image" src="/sites/default/files/img/photos/pp12.jpg" /> </div> <div class="swiper-slide rounded" > <img alt="image" src="/sites/default/files/img/photos/pp13.jpg" /> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-lg-9 col-xl-8 col-xxl-7 mx-auto mb-8"><h2 class="fs-15 text-uppercase text-muted text-center mb-3">Our Projects</h2><h3 class="display-4 text-center">Check out some of our awesome projects with creative ideas and great design.</h3></div></div> </div> <div class="paragraph paragraph--type--paragraph-views-reference paragraph--view-mode--default"> <drupal-render-placeholder callback="Drupal\viewsreference\Plugin\Field\FieldFormatter\ViewsReferenceFieldFormatter::lazyBuilder" arguments="0=project_lists&amp;1=block_2&amp;2=a%3A5%3A%7Bs%3A5%3A%22title%22%3BN%3Bs%3A5%3A%22pager%22%3BN%3Bs%3A6%3A%22offset%22%3BN%3Bs%3A8%3A%22argument%22%3BN%3Bs%3A5%3A%22limit%22%3BN%3B%7D&amp;3=a%3A0%3A%7B%7D&amp;4=1&amp;5=paragraph&amp;6=1836&amp;7=field_paragraph_views_reference" token="ojM0eyL7TBPuebIZD51_2OTXq89enaOD9aDQVN7siMU"></drupal-render-placeholder> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row align-items-center mb-10"><div class="col-md-8 col-lg-9 col-xl-8 col-xxl-7 pe-xl-20"><h2 class="display-4 mb-3">Latest Projects</h2><p class="lead fs-20 mb-0">Check out some of my latest projects with creative ideas.</p></div><div class="col-md-4 col-lg-3 ms-md-auto text-md-end mt-5 mt-md-0"><a class="btn btn-primary rounded-pill mb-0" href="#">See All Projects</a></div></div> </div> <div class="paragraph paragraph--type--from-library paragraph--view-mode--default"> <div class="field field--name-paragraphs field--type-entity-reference-revisions field--label-hidden field--item"> <div class="paragraph paragraph--type--paragraph-card card bg-soft-violet mb-10 paragraph--view-mode--default" > <div class="card-body pb-0 p-12"> <div class="row"><div class="col-lg-4 pb-12 align-self-center"><div class="post-category fs-15 mb-3 text-violet">Web Design</div><h3 class="h1 post-title mb-3">Snowlake Theme</h3><p>Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus cursus.</p><p><a class="btn btn-sm btn-violet btn-icon btn-icon-end mb-0" href="#">See Project <em><i class="uil uil-arrow-up-right">‌</i></em></a></p></div><div class="col-lg-7 offset-lg-1 align-self-end"><figure><img class="img-fluid" src="/sites/default/files/img/photos/f1.png" alt="" srcset="/sites/default/files/img/photos/f1@2x.png 2x" sizes="100vw" /></figure></div></div> </div> </div> </div> </div> <div class="paragraph paragraph--type--from-library paragraph--view-mode--default"> <div class="field field--name-paragraphs field--type-entity-reference-revisions field--label-hidden field--item"> <div class="paragraph paragraph--type--paragraph-card card bg-soft-blue mb-10 paragraph--view-mode--default" > <div class="card-body p-12"> <div class="row gy-10 align-items-center"><div class="col-lg-4 order-lg-2 offset-lg-1"><div class="post-category fs-15 mb-3 text-blue">Mobile Design</div><h3 class="h1 post-title mb-3">Budget App</h3><p>Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus cursus.</p><p><a class="btn btn-sm btn-blue btn-icon btn-icon-end mb-0" href="#">See Project <em><i class="uil uil-arrow-up-right">‌</i></em></a></p></div><div class="col-lg-7"><figure><img class="img-fluid" src="/sites/default/files/img/photos/f2.png" alt="" srcset="/sites/default/files/img/photos/f2@2x.png 2x" sizes="100vw" /></figure></div></div> </div> </div> </div> </div> <div class="paragraph paragraph--type--paragraph-layout paragraph--view-mode--default" > <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-6"> <div class="paragraph paragraph--type--from-library paragraph--view-mode--default"> <div class="field field--name-paragraphs field--type-entity-reference-revisions field--label-hidden field--item"> <div class="paragraph paragraph--type--paragraph-card card bg-soft-leaf mb-10 paragraph--view-mode--default" > <div class="card-body p-12 pb-0"> <div class="post-category fs-15 mb-3 text-leaf">Web Design</div><h3 class="h1 post-title mb-3">Missio Theme</h3><p>Maecenas faucibus mollis interdum sed posuere porta consectetur cursus porta lobortis. Scelerisque id ligula felis.</p><p><a class="btn btn-sm btn-leaf btn-icon btn-icon-end mb-10" href="#">See Project <em><i class="uil uil-arrow-up-right">‌</i></em></a></p> </div> <img class="card-img-bottom" src="/sites/default/files/img/photos/f3.png" alt="image"> </div> </div> </div> </div> <div class="col-lg-6"> <div class="paragraph paragraph--type--from-library paragraph--view-mode--default"> <div class="field field--name-paragraphs field--type-entity-reference-revisions field--label-hidden field--item"> <div class="paragraph paragraph--type--paragraph-card card bg-soft-pink paragraph--view-mode--default" > <div class="card-body p-12 pb-0"> <div class="post-category fs-15 mb-3 text-pink">Mobile Design</div><h3 class="h1 post-title mb-3">Storage App</h3><p>Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis.</p><p><a class="btn btn-sm btn-pink btn-icon btn-icon-end mb-10" href="#">See Project <em><i class="uil uil-arrow-up-right">‌</i></em></a></p> </div> <img class="card-img-bottom" src="/sites/default/files/img/photos/f4.png" alt="image"> </div> </div> </div> </div> </div> <div class="region--bottom"> </div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-lg-10 col-xl-9 col-xxl-8 mx-auto text-center"><h2 class="fs-16 text-uppercase text-primary mb-3">Latest Projects</h2><h3 class="display-3 mb-10">Check out some of our awesome projects with creative ideas and great design.</h3></div></div> </div> <div class="paragraph paragraph--type--from-library paragraph--view-mode--default"> <div class="field field--name-paragraphs field--type-entity-reference-revisions field--label-hidden field--item"><div class="paragraph paragraph--type--paragraph-slider-block paragraph--view-mode--default"> <div class="swiper-container grid-view nav-bottom nav-color mb-14" data-nav="true" data-margin="30" data-items-xs="1" data-items-md="2" > <div class="swiper overflow-visible "> <div class="swiper-wrapper"> <div class="swiper-slide" > <figure class="rounded mb-7"><a href="#"><img src="/sites/default/files/img/photos/sp1.jpg" alt="" srcset="/sites/default/files/img/photos/sp1@2x.jpg 2x" sizes="100vw" /></a></figure><div class="project-details d-flex justify-content-center flex-column"><div class="post-header"><h2 class="post-title h3"><a class="link-dark" href="#">Cras Fermentum Sem</a></h2><div class="post-category text-ash">Mobile Design</div></div></div> </div> <div class="swiper-slide" > <figure class="rounded mb-7"><a href="#"><img src="/sites/default/files/img/photos/sp2.jpg" alt="" srcset="/sites/default/files/img/photos/sp2@2x.jpg 2x" sizes="100vw" /></a></figure><div class="project-details d-flex justify-content-center flex-column"><div class="post-header"><h2 class="post-title h3"><a class="link-dark" href="#">Venenatis Euismod Vehicula</a></h2><div class="post-category text-ash">Web Design</div></div></div> </div> <div class="swiper-slide" > <figure class="rounded mb-7"><a href="#"><img src="/sites/default/files/img/photos/sp3.jpg" alt="" srcset="/sites/default/files/img/photos/sp3@2x.jpg 2x" sizes="100vw" /></a></figure><div class="project-details d-flex justify-content-center flex-column"><div class="post-header"><h2 class="post-title h3"><a class="link-dark" href="#">Tortor Tellus Cursus</a></h2><div class="post-category text-ash">Stationary</div></div></div> </div> <div class="swiper-slide" > <figure class="rounded mb-7"><a href="#"><img src="/sites/default/files/img/photos/sp4.jpg" alt="" srcset="/sites/default/files/img/photos/sp4@2x.jpg 2x" sizes="100vw" /></a></figure><div class="project-details d-flex justify-content-center flex-column"><div class="post-header"><h2 class="post-title h3"><a class="link-dark" href="#">Ridiculus Sem Parturient</a></h2><div class="post-category text-ash">Web Application</div></div></div> </div> <div class="swiper-slide" > <figure class="rounded mb-7"><a href="#"><img src="/sites/default/files/img/photos/sp5.jpg" alt="" srcset="/sites/default/files/img/photos/sp5@2x.jpg 2x" sizes="100vw" /></a></figure><div class="project-details d-flex justify-content-center flex-column"><div class="post-header"><h2 class="post-title h3"><a class="link-dark" href="#">Cursus Sollicitudin Adipiscing</a></h2><div class="post-category text-ash">Web Design</div></div></div> </div> <div class="swiper-slide" > <figure class="rounded mb-7"><a href="#"><img src="/sites/default/files/img/photos/sp6.jpg" alt="" srcset="/sites/default/files/img/photos/sp6@2x.jpg 2x" sizes="100vw" /></a></figure><div class="project-details d-flex justify-content-center flex-column"><div class="post-header"><h2 class="post-title h3"><a class="link-dark" href="#">Fringilla Quam Vulputate</a></h2><div class="post-category text-ash">Stationary</div></div></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row text-center"><div class="col-lg-10 col-xl-8 col-xxl-7 mx-auto mb-8"><h2 class="display-5 mb-3">My Selected Shots</h2><p class="lead fs-lg">Photography is my passion and I love to turn ideas into beautiful things.</p></div></div> </div> <div class="paragraph paragraph--type--from-library paragraph--view-mode--default"> <div class="field field--name-paragraphs field--type-entity-reference-revisions field--label-hidden field--item"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="grid grid-view projects-masonry"><div class="isotope-filter filter mb-10 text-center"><ul><li><a class="filter-item active" data-filter="*">All</a></li><li><a class="filter-item" data-filter=".foods">Foods</a></li><li><a class="filter-item" data-filter=".drinks">Drinks</a></li><li><a class="filter-item" data-filter=".events">Events</a></li><li><a class="filter-item" data-filter=".pastries">Pastries</a></li></ul></div><div class="row gx-md-6 gy-6 isotope"><div class="project item col-md-6 col-xl-4 drinks events"><figure class="overlay overlay-1 rounded"><a href="/sites/default/files/img/photos/pf1-full.jpg" data-glightbox="" data-gallery="shots-group"><img src="/sites/default/files/img/photos/pf1.jpg" alt="" /></a><h5 class="from-top mb-0">Fringilla Nullam</h5></figure></div><div class="project item col-md-6 col-xl-4 events"><figure class="overlay overlay-1 rounded"><a href="/sites/default/files/img/photos/pf2-full.jpg" data-glightbox="" data-gallery="shots-group"><img src="/sites/default/files/img/photos/pf2.jpg" alt="" /></a><h5 class="from-top mb-0">Ridiculus Parturient</h5></figure></div><div class="project item col-md-6 col-xl-4 drinks foods"><figure class="overlay overlay-1 rounded"><a href="/sites/default/files/img/photos/pf3-full.jpg" data-glightbox="" data-gallery="shots-group"><img src="/sites/default/files/img/photos/pf3.jpg" alt="" /></a><h5 class="from-top mb-0">Ornare Ipsum</h5></figure></div><div class="project item col-md-6 col-xl-4 events"><figure class="overlay overlay-1 rounded"><a href="/sites/default/files/img/photos/pf4-full.jpg" data-glightbox="" data-gallery="shots-group"><img src="/sites/default/files/img/photos/pf4.jpg" alt="" /></a><h5 class="from-top mb-0">Nullam Mollis</h5></figure></div><div class="project item col-md-6 col-xl-4 pastries events"><figure class="overlay overlay-1 rounded"><a href="/sites/default/files/img/photos/pf5-full.jpg" data-glightbox="" data-gallery="shots-group"><img src="/sites/default/files/img/photos/pf5.jpg" alt="" /></a><h5 class="from-top mb-0">Euismod Risus</h5></figure></div><div class="project item col-md-6 col-xl-4 foods"><figure class="overlay overlay-1 rounded"><a href="/sites/default/files/img/photos/pf6-full.jpg" data-glightbox="" data-gallery="shots-group"><img src="/sites/default/files/img/photos/pf6.jpg" alt="" /></a><h5 class="from-top mb-0">Ridiculus Tristique</h5></figure></div><div class="project item col-md-6 col-xl-4 foods drinks"><figure class="overlay overlay-1 rounded"><a href="/sites/default/files/img/photos/pf7-full.jpg" data-glightbox="" data-gallery="shots-group"><img src="/sites/default/files/img/photos/pf7.jpg" alt="" /></a><h5 class="from-top mb-0">Sollicitudin Pharetra</h5></figure></div><div class="project item col-md-6 col-xl-4 pastries"><figure class="overlay overlay-1 rounded"><a href="/sites/default/files/img/photos/pf8-full.jpg" data-glightbox="" data-gallery="shots-group"><img src="/sites/default/files/img/photos/pf8.jpg" alt="" /></a><h5 class="from-top mb-0">Tristique Venenatis</h5></figure></div><div class="project item col-md-6 col-xl-4 events"><figure class="overlay overlay-1 rounded"><a href="/sites/default/files/img/photos/pf9-full.jpg" data-glightbox="" data-gallery="shots-group"><img src="/sites/default/files/img/photos/pf9.jpg" alt="" /></a><h5 class="from-top mb-0">Cursus Fusce</h5></figure></div><div class="project item col-md-6 col-xl-4 foods"><figure class="overlay overlay-1 rounded"><a href="/sites/default/files/img/photos/pf10-full.jpg" data-glightbox="" data-gallery="shots-group"><img src="/sites/default/files/img/photos/pf10.jpg" alt="" /></a><h5 class="from-top mb-0">Consectetur Malesuada</h5></figure></div><div class="project item col-md-6 col-xl-4 drinks"><figure class="overlay overlay-1 rounded"><a href="/sites/default/files/img/photos/pf11-full.jpg" data-glightbox="" data-gallery="shots-group"><img src="/sites/default/files/img/photos/pf11.jpg" alt="" /></a><h5 class="from-top mb-0">Ultricies Aenean</h5></figure></div><div class="project item col-md-6 col-xl-4 foods"><figure class="overlay overlay-1 rounded"><a href="/sites/default/files/img/photos/pf12-full.jpg" data-glightbox="" data-gallery="shots-group"><img src="/sites/default/files/img/photos/pf12.jpg" alt="" /></a><h5 class="from-top mb-0">Pellentesque Commodo</h5></figure></div><div class="project item col-md-6 col-xl-4 drinks"><figure class="overlay overlay-1 rounded"><a href="/sites/default/files/img/photos/pf13-full.jpg" data-glightbox="" data-gallery="shots-group"><img src="/sites/default/files/img/photos/pf13.jpg" alt="" /></a><h5 class="from-top mb-0">Ultricies Aenean</h5></figure></div></div></div> </div> </div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row text-center"><div class="col-lg-10 col-xxl-8 mx-auto mb-12"><h2 class="fs-16 text-uppercase text-muted mb-3">Latest Projects</h2><h3 class="display-2 ls-sm">Check out some of our <em><span class="underline-3 style-1 primary">awesome</span></em> projects with creative ideas and great design.</h3></div></div> </div> <div class="paragraph paragraph--type--paragraph-layout mb-15 mb-md-17 paragraph--view-mode--default" data-content-align="align-items-center" > <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-7"> <div class="paragraph paragraph--type--paragraph-card card bg-soft-grape paragraph--view-mode--default" > <div class="card-body px-9 py-0 overflow-hidden"> <div class="row gx-4 gx-md-9"><div class="col-6"><figure class="mt-9"><a href="#"><img class="shadow-lg rounded-top" src="/sites/default/files/img/demos/d18.jpg" alt="" srcset="/sites/default/files/img/demos/d18@2x.jpg 2x" sizes="100vw" /></a></figure></div><div class="col-6"><figure><a href="#"><img class="shadow-lg rounded-bottom" src="/sites/default/files/img/demos/d18-2.jpg" alt="" srcset="/sites/default/files/img/demos/d18-2@2x.jpg 2x" sizes="100vw" /></a></figure></div></div> </div> </div> </div> <div class="col-lg-5"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-lg-10 ms-auto"><h3 class="h1 post-title ls-sm mb-2">Wiretree Network Company</h3><div class="post-category text-muted mb-4"><span>Dashboard</span>, <span>Web Development</span></div><p class="mb-6">Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus. Donec sed odio dui. Vivamus sagittis lacus vel.</p><p><a class="btn btn-grape rounded" href="#">See Project</a></p></div></div> </div> </div> </div> <div class="region--bottom"> </div> </div> <div class="paragraph paragraph--type--paragraph-layout paragraph--view-mode--default" data-content-align="align-items-center" > <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-5"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-lg-10 me-auto"><h3 class="h1 post-title ls-sm mb-2">Alphine Finance</h3><div class="post-category text-muted mb-4"><span>Branding</span>, <span>Web Design</span></div><p class="mb-6">Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus. Donec sed odio dui. Vivamus sagittis lacus vel.</p><p><a class="btn btn-primary rounded" href="#">See Project</a></p></div></div> </div> </div> <div class="col-lg-7"> <div class="paragraph paragraph--type--paragraph-card card bg-soft-primary paragraph--view-mode--default" > <div class="card-body p-11 overflow-hidden"> <figure><a href="#"><img src="/sites/default/files/img/photos/f2.png" alt="" srcset="/sites/default/files/img/photos/f2@2x.png 2x" sizes="100vw" /></a></figure> </div> </div> </div> </div> <div class="region--bottom"> </div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row mb-10"><div class="col-md-9 col-lg-7 col-xl-6 col-xxl-5 mx-auto"><div class="counter-wrapper"><h3 class="fs-70 mb-3 text-primary text-center counter">21</h3></div><h2 class="display-3 mb-3 text-center mb-0">Functional, impressive and rich demos to start with</h2></div></div> </div> <div class="paragraph paragraph--type--paragraph-card card bg-soft-grape project mb-10 paragraph--view-mode--default" > <div class="card-body ps-xl-12 py-0 overflow-hidden"> <div class="row gx-md-8 gx-xl-12 d-flex align-items-center"><div class="col-lg-7"><div class="row gx-7"><div class="col-6"><figure class="itooltip itooltip-grape mt-9" title="&lt;h5 class=&quot;mb-0&quot;&gt;Click to see the demo&lt;/h5&gt;"><a href="#" target="_blank"><img class="shadow-lg rounded-top" src="/sites/default/files/img/demos/d18.jpg" alt="" srcset="/sites/default/files/img/demos/d18@2x.jpg 2x" sizes="100vw" /></a></figure></div><div class="col-6"><figure class="itooltip itooltip-grape" title="&lt;h5 class=&quot;mb-0&quot;&gt;Click to see the demo&lt;/h5&gt;"><a href="#" target="_blank"><img class="shadow-lg rounded-bottom" src="/sites/default/files/img/demos/d18-2.jpg" alt="" srcset="/sites/default/files/img/demos/d18-2@2x.jpg 2x" sizes="100vw" /></a></figure></div></div></div><div class="col-lg-5 d-none d-lg-block"><h2 class="post-title fs-30 mb-4">Demo Layout XVIII</h2><ul class="icon-list bullet-grape row ms-0 gy-2"><li class="col-md-6"><em><i class="uil uil-check"><span>‌</span></i></em><span>Network, Marketing</span></li><li class="col-md-6"><em><i class="uil uil-check"><span>‌</span></i></em><span>SVG icons</span></li><li class="col-md-6"><em><i class="uil uil-check"><span>‌</span></i></em><span>3D illustrations</span></li><li class="col-md-6"><em><i class="uil uil-check"><span>‌</span></i></em><span>Gradient image</span></li></ul><p><a class="btn btn-sm btn-grape rounded-pill mt-1" href="#" target="_blank">See Demo</a></p></div></div> </div> </div> <div class="paragraph paragraph--type--paragraph-card card bg-soft-fuchsia project mb-10 paragraph--view-mode--default" > <div class="card-body ps-xl-12 py-0 overflow-hidden"> <div class="row gx-md-8 gx-xl-12 d-flex align-items-center"><div class="col-lg-7"><div class="row gx-7"><div class="col-6"><figure class="itooltip itooltip-fuchsia mt-9" title="&lt;h5 class=&quot;mb-0&quot;&gt;Click to see the demo&lt;/h5&gt;"><a href="#" target="_blank"><img class="shadow-lg rounded-top" src="/sites/default/files/img/demos/d19-1.jpg" alt="" srcset="/sites/default/files/img/demos/d19-1@2x.jpg 2x" sizes="100vw" /></a></figure></div><div class="col-6"><figure class="itooltip itooltip-fuchsia" title="&lt;h5 class=&quot;mb-0&quot;&gt;Click to see the demo&lt;/h5&gt;"><a href="#" target="_blank"><img class="shadow-lg rounded-bottom" src="/sites/default/files/img/demos/d19-2.jpg" alt="" srcset="/sites/default/files/img/demos/d19-2@2x.jpg 2x" sizes="100vw" /></a></figure></div></div></div><div class="col-lg-5 d-none d-lg-block"><h2 class="post-title fs-30 mb-4">Demo Layout XIX</h2><ul class="icon-list bullet-fuchsia row ms-0 gy-2"><li class="col-md-6"><span>Agency, Startup</span></li><li class="col-md-6"><span>Gradient image</span></li><li class="col-md-6"><span>SVG icons</span></li><li class="col-md-6"><span>Colorful design</span></li></ul><p><a class="btn btn-sm btn-fuchsia rounded-pill mt-1" href="#" target="_blank">See Demo</a></p></div></div> </div> </div> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="text-center"><a class="btn btn-primary rounded-pill" href="#">See All Demos</a></div> </div> </div> </div> </div> </section> Fri, 07 Jul 2023 08:56:37 +0000 devraj 92 at https://www.ivagus.com https://www.ivagus.com/index.php/blocks-team <span class="field field--name-title field--type-string field--label-hidden">Blocks Team</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><a title="View user profile." href="/index.php/user-profile/devraj" class="username">devraj</a></span> <span class="field field--name-created field--type-created field--label-hidden"><time datetime="2023-07-07T07:22:43+00:00" title="Friday, July 7, 2023 - 07:22" class="datetime">Fri, 07/07/2023 - 07:22</time> </span> <div class="field field--name-field-mainmenu-transparent field--type-boolean field--label-hidden field--item">Off</div> <div class="field field--name-field-mainmenu-absolute field--type-boolean field--label-hidden field--item">Off</div> <section class="paragraph paragraph--type--paragraph-section wrapper bg-soft-primary text-center paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-md"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-md-9 col-lg-7 col-xl-5 mx-auto"><h1 class="display-1 mb-3">Blocks - Team</h1><p class="lead px-xxl-10">Copy any custom paragraph block below and use it on your page to build your website easily.</p></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-gutter-class="gx-md-8 gx-xl-10 gy-8 gy-lg-0" data-content-align="align-items-start" > <div class="container space-lg"> <div class="region--top"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row mb-3"><div class="col-md-10 col-lg-12 col-xl-10 col-xxl-9 mx-auto text-center"><h2 class="fs-15 text-uppercase text-muted mb-3">Our Team</h2><h3 class="display-4 mb-7 px-lg-19 px-xl-18">Think unique and be innovative. Make a difference with Sandbox.</h3></div></div> </div> </div> <div class="row gx-5 gy-5"> <div class="col-md-6 col-lg-3"> <div class="position-relative"> <div class="shape rounded bg-soft-blue rellax d-md-block" data-rellax-speed="0" style="bottom: -0.75rem; right: -0.75rem; width: 98%; height: 98%; z-index:0"></div> <div class="paragraph paragraph--type--paragraph-card card paragraph--view-mode--default" > <img class="card-img-top" src="/sites/default/files/img/avatars/t1.jpg" alt="image"> <div class="card-body px-6 py-5"> <h4 class="mb-1">Coriss Ambady</h4><p class="mb-0">Financial Analyst</p> </div> </div> </div> </div> <div class="col-md-6 col-lg-3"> <div class="position-relative"> <div class="shape rounded bg-soft-red rellax d-md-block" data-rellax-speed="0" style="bottom: -0.75rem; right: -0.75rem; width: 98%; height: 98%; z-index:0"></div> <div class="paragraph paragraph--type--paragraph-card card paragraph--view-mode--default" > <img class="card-img-top" src="/sites/default/files/img/avatars/t2.jpg" alt="image"> <div class="card-body px-6 py-5"> <h4 class="mb-1">Cory Zamora</h4><p class="mb-0">Marketing Specialist</p> </div> </div> </div> </div> <div class="col-md-6 col-lg-3"> <div class="position-relative"> <div class="shape rounded bg-soft-green rellax d-md-block" data-rellax-speed="0" style="bottom: -0.75rem; right: -0.75rem; width: 98%; height: 98%; z-index:0"></div> <div class="paragraph paragraph--type--paragraph-card card paragraph--view-mode--default" > <img class="card-img-top" src="/sites/default/files/img/avatars/t3.jpg" alt="image"> <div class="card-body px-6 py-5"> <h4 class="mb-1">Nikolas Brooten</h4><p class="mb-0">Sales Manager</p> </div> </div> </div> </div> <div class="col-md-6 col-lg-3"> <div class="position-relative"> <div class="shape rounded bg-soft-violet rellax d-md-block" data-rellax-speed="0" style="bottom: -0.75rem; right: -0.75rem; width: 98%; height: 98%; z-index:0"></div> <div class="paragraph paragraph--type--paragraph-card card paragraph--view-mode--default" > <img class="card-img-top" src="/sites/default/files/img/avatars/t4.jpg" alt="image"> <div class="card-body px-6 py-5"> <h4 class="mb-1">Jackie Sanders</h4><p class="mb-0">Investment Planner</p> </div> </div> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row mb-3"><div class="col-md-10 col-xl-9 col-xxl-7 mx-auto text-center"><img class="svg-inject icon-svg icon-svg-md mb-4" src="/sites/default/files/img/icons/lineal/team.svg" alt="" /><h2 class="display-4 mb-3 px-lg-14">Save your time and money by choosing our professional team.</h2></div></div> </div> <div class="paragraph paragraph--type--from-library paragraph--view-mode--default"> <div class="field field--name-paragraphs field--type-entity-reference-revisions field--label-hidden field--item"><div class="paragraph paragraph--type--paragraph-slider-block paragraph--view-mode--default"> <div class="swiper-container dots-closer mb-6" data-dots="true" data-margin="0" data-items-xs="1" data-items-md="2" data-items-lg="3" data-items-xxl="4" > <div class="swiper "> <div class="swiper-wrapper"> <div class="swiper-slide" > <div class="item-inner"><div class="card"><div class="card-body"><img class="rounded-circle w-15 mb-4" src="/sites/default/files/img/avatars/te1.jpg" alt="" srcset="/sites/default/files/img/avatars/te1@2x.jpg 2x" sizes="100vw" /><h4 class="mb-1">Coriss Ambady</h4><div class="meta mb-2">Financial Analyst</div><p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p><nav class="nav social mb-0"><p><a href="#"><em><i class="uil uil-twitter">‌</i></em></a> <a href="#"><em><i class="uil uil-facebook-f">‌</i></em></a> <a href="#"><em><i class="uil uil-dribbble">‌</i></em></a></p></nav></div></div></div> </div> <div class="swiper-slide" > <div class="item-inner"><div class="card"><div class="card-body"><img class="rounded-circle w-15 mb-4" src="/sites/default/files/img/avatars/te2.jpg" alt="" srcset="/sites/default/files/img/avatars/te2@2x.jpg 2x" sizes="100vw" /><h4 class="mb-1">Cory Zamora</h4><div class="meta mb-2">Marketing Specialist</div><p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p><nav class="nav social mb-0"><p><a href="#"><em><i class="uil uil-twitter">‌</i></em></a> <a href="#"><em><i class="uil uil-facebook-f">‌</i></em></a> <a href="#"><em><i class="uil uil-dribbble">‌</i></em></a></p></nav></div></div></div> </div> <div class="swiper-slide" > <div class="item-inner"><div class="card"><div class="card-body"><img class="rounded-circle w-15 mb-4" src="/sites/default/files/img/avatars/te3.jpg" alt="" srcset="/sites/default/files/img/avatars/te3@2x.jpg 2x" sizes="100vw" /><h4 class="mb-1">Nikolas Brooten</h4><div class="meta mb-2">Sales Manager</div><p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p><nav class="nav social mb-0"><p><a href="#"><em><i class="uil uil-twitter">‌</i></em></a> <a href="#"><em><i class="uil uil-facebook-f">‌</i></em></a> <a href="#"><em><i class="uil uil-dribbble">‌</i></em></a></p></nav></div></div></div> </div> <div class="swiper-slide" > <div class="item-inner"><div class="card"><div class="card-body"><img class="rounded-circle w-15 mb-4" src="/sites/default/files/img/avatars/te4.jpg" alt="" srcset="/sites/default/files/img/avatars/te4@2x.jpg 2x" sizes="100vw" /><h4 class="mb-1">Jackie Sanders</h4><div class="meta mb-2">Investment Planner</div><p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p><nav class="nav social mb-0"><p><a href="#"><em><i class="uil uil-twitter">‌</i></em></a> <a href="#"><em><i class="uil uil-facebook-f">‌</i></em></a> <a href="#"><em><i class="uil uil-dribbble">‌</i></em></a></p></nav></div></div></div> </div> <div class="swiper-slide" > <div class="item-inner"><div class="card"><div class="card-body"><img class="rounded-circle w-15 mb-4" src="/sites/default/files/img/avatars/te5.jpg" alt="" srcset="/sites/default/files/img/avatars/te5@2x.jpg 2x" sizes="100vw" /><h4 class="mb-1">Laura Widerski</h4><div class="meta mb-2">Sales Specialist</div><p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p><nav class="nav social mb-0"><p><a href="#"><em><i class="uil uil-twitter">‌</i></em></a> <a href="#"><em><i class="uil uil-facebook-f">‌</i></em></a> <a href="#"><em><i class="uil uil-dribbble">‌</i></em></a></p></nav></div></div></div> </div> <div class="swiper-slide" > <div class="item-inner"><div class="card"><div class="card-body"><img class="rounded-circle w-15 mb-4" src="/sites/default/files/img/avatars/te6.jpg" alt="" srcset="/sites/default/files/img/avatars/te6@2x.jpg 2x" sizes="100vw" /><h4 class="mb-1">Tina Geller</h4><div class="meta mb-2">Financial Analyst</div><p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p><nav class="nav social mb-0"><p><a href="#"><em><i class="uil uil-twitter">‌</i></em></a> <a href="#"><em><i class="uil uil-facebook-f">‌</i></em></a> <a href="#"><em><i class="uil uil-dribbble">‌</i></em></a></p></nav></div></div></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-center" > <div class="container space-lg"> <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-4"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <h2 class="fs-15 text-uppercase text-line text-primary text-center mb-3">Meet the Team</h2><h3 class="display-5 mb-5">Save your time and money by choosing our professional team.</h3><p>Donec id elit non mi porta gravida at eget metus. Morbi leo risus, porta ac consectetur ac, vestibulum at eros tempus porttitor.</p><p><a class="btn btn-primary rounded-pill mt-3" href="#">See All Members</a></p> </div> </div> <div class="col-lg-8"> <div class="paragraph paragraph--type--from-library paragraph--view-mode--default"> <div class="field field--name-paragraphs field--type-entity-reference-revisions field--label-hidden field--item"><div class="paragraph paragraph--type--paragraph-slider-block paragraph--view-mode--default"> <div class="swiper-container text-center mb-6" data-dots="true" data-margin="30" data-items-xs="1" data-items-md="2" data-items-xl="3" > <div class="swiper "> <div class="swiper-wrapper"> <div class="swiper-slide" > <img class="rounded-circle w-20 mx-auto mb-4" src="/sites/default/files/img/avatars/t1.jpg" alt="" srcset="/sites/default/files/img/avatars/t1@2x.jpg 2x" sizes="100vw" /><h4 class="mb-1">Cory Zamora</h4><div class="meta mb-2">Marketing Specialist</div><p class="mb-2">Etiam porta sem magna malesuada mollis.</p><nav class="nav social justify-content-center text-center mb-0"><div><a href="#"><em><i class="uil uil-twitter">‌</i></em></a> <a href="#"><em><i class="uil uil-slack">‌</i></em></a> <a href="#"><em><i class="uil uil-linkedin">‌</i></em></a></div></nav> </div> <div class="swiper-slide" > <img class="rounded-circle w-20 mx-auto mb-4" src="/sites/default/files/img/avatars/t2.jpg" alt="" srcset="/sites/default/files/img/avatars/t2@2x.jpg 2x" sizes="100vw" /><h4 class="mb-1">Coriss Ambady</h4><div class="meta mb-2">Financial Analyst</div><p class="mb-2">Aenean eu leo quam. Pellentesque ornare lacinia.</p><nav class="nav social justify-content-center text-center mb-0"><div><a href="#"><em><i class="uil uil-youtube">‌</i></em></a> <a href="#"><em><i class="uil uil-facebook-f">‌</i></em></a> <a href="#"><em><i class="uil uil-dribbble">‌</i></em></a></div></nav> </div> <div class="swiper-slide" > <img class="rounded-circle w-20 mx-auto mb-4" src="/sites/default/files/img/avatars/t3.jpg" alt="" srcset="/sites/default/files/img/avatars/t3@2x.jpg 2x" sizes="100vw" /><h4 class="mb-1">Nikolas Brooten</h4><div class="meta mb-2">Sales Manager</div><p class="mb-2">Donec ornare elit quam porta gravida at eget.</p><nav class="nav social justify-content-center text-center mb-0"><div><a href="#"><em><i class="uil uil-linkedin">‌</i></em></a> <a href="#"><em><i class="uil uil-tumblr-square">‌</i></em></a> <a href="#"><em><i class="uil uil-facebook-f">‌</i></em></a></div></nav> </div> <div class="swiper-slide" > <img class="rounded-circle w-20 mx-auto mb-4" src="/sites/default/files/img/avatars/t4.jpg" alt="" srcset="/sites/default/files/img/avatars/t4@2x.jpg 2x" sizes="100vw" /><h4 class="mb-1">Jackie Sanders</h4><div class="meta mb-2">Investment Planner</div><p class="mb-2">Nullam risus eget urna mollis ornare vel eu leo.</p><nav class="nav social justify-content-center text-center mb-0"><div><a href="#"><em><i class="uil uil-twitter">‌</i></em></a> <a href="#"><em><i class="uil uil-facebook-f">‌</i></em></a> <a href="#"><em><i class="uil uil-dribbble">‌</i></em></a></div></nav> </div> <div class="swiper-slide" > <img class="rounded-circle w-20 mx-auto mb-4" src="/sites/default/files/img/avatars/t5.jpg" alt="" srcset="/sites/default/files/img/avatars/t5@2x.jpg 2x" sizes="100vw" /><h4 class="mb-1">Tina Geller</h4><div class="meta mb-2">Assistant Buyer</div><p class="mb-2">Vivamus sagittis lacus vel augue laoreet rutrum.</p><nav class="nav social justify-content-center text-center mb-0"><div><a href="#"><em><i class="uil uil-facebook-f">‌</i></em></a> <a href="#"><em><i class="uil uil-slack">‌</i></em></a> <a href="#"><em><i class="uil uil-dribbble">‌</i></em></a></div></nav> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> Fri, 07 Jul 2023 07:22:43 +0000 devraj 91 at https://www.ivagus.com https://www.ivagus.com/index.php/blocks-process <span class="field field--name-title field--type-string field--label-hidden">Blocks Process</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><a title="View user profile." href="/index.php/user-profile/devraj" class="username">devraj</a></span> <span class="field field--name-created field--type-created field--label-hidden"><time datetime="2023-07-07T04:42:34+00:00" title="Friday, July 7, 2023 - 04:42" class="datetime">Fri, 07/07/2023 - 04:42</time> </span> <div class="field field--name-field-mainmenu-transparent field--type-boolean field--label-hidden field--item">Off</div> <div class="field field--name-field-mainmenu-absolute field--type-boolean field--label-hidden field--item">Off</div> <section class="paragraph paragraph--type--paragraph-section wrapper bg-soft-primary text-center paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-md"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-md-9 col-lg-7 col-xl-5 mx-auto"><h1 class="display-1 mb-3">Blocks - Process</h1><p class="lead px-xxl-10">Copy any custom paragraph block below and use it on your page to build your website easily.</p></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-center" > <div class="container space-lg"> <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-6"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="position-relative"><div class="shape bg-dot primary rellax w-17 h-21" style="left:-1.9rem;top:-2rem;" data-rellax-speed="1"> </div><div class="shape rounded bg-soft-primary rellax d-md-block" style="bottom:-1.8rem;height:90%;right:-1.5rem;width:85%;" data-rellax-speed="0"> </div><figure class="rounded"><img src="/sites/default/files/img/photos/about7.jpg" alt="" srcset="/sites/default/files/img/photos/about7@2x.jpg 2x" sizes="100vw" /></figure></div> </div> </div> <div class="col-lg-6"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-lg-10 col-xl-8 offset-lg-2"><h2 class="h1 mb-3">How It Works?</h2><p class="lead fs-lg mb-6">So here are three working steps why our valued customers choose us.</p><div class="d-flex flex-row mb-6"><div><span class="icon btn btn-circle btn-primary pe-none me-5 number fs-18">1</span></div><div><h4 class="mb-1">Collect Ideas</h4><p class="mb-0">Nulla vitae elit libero pharetra augue dapibus. Praesent commodo cursus.</p></div></div><div class="d-flex flex-row mb-6"><div><span class="icon btn btn-circle btn-primary pe-none me-5 number fs-18">2</span></div><div><h4 class="mb-1">Data Analysis</h4><p class="mb-0">Vivamus sagittis lacus vel augue laoreet. Etiam porta sem malesuada magna.</p></div></div><div class="d-flex flex-row"><div><span class="icon btn btn-circle btn-primary pe-none me-5 number fs-18">3</span></div><div><h4 class="mb-1">Finalize Product</h4><p class="mb-0">Cras mattis consectetur purus sit amet. Aenean lacinia bibendum nulla sed.</p></div></div></div></div> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <h2 class="display-4 mb-3">How We Do It?</h2><p class="lead fs-lg mb-8">We make your spending <span class="underline">stress-free</span> for you to have the perfect control.</p><div class="row gx-lg-8 gx-xl-12 gy-6 process-wrapper line"><div class="col-md-6 col-lg-3"><p><span class="icon btn btn-circle btn-lg btn-soft-primary pe-none mb-4 number">01</span></p><h4 class="mb-1">Concept</h4><p class="mb-0">Nulla vitae elit libero elit non porta gravida eget metus cras. Aenean eu leo quam. Pellentesque ornare.</p></div><div class="col-md-6 col-lg-3"><p><span class="icon btn btn-circle btn-lg btn-primary pe-none mb-4 number">02</span></p><h4 class="mb-1">Prepare</h4><p class="mb-0">Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis.</p></div><div class="col-md-6 col-lg-3"><p><span class="icon btn btn-circle btn-lg btn-soft-primary pe-none mb-4 number">03</span></p><h4 class="mb-1">Retouch</h4><p class="mb-0">Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nulla vitae elit libero.</p></div><div class="col-md-6 col-lg-3"><p><span class="icon btn btn-circle btn-lg btn-soft-primary pe-none mb-4 number">04</span></p><h4 class="mb-1">Finalize</h4><p class="mb-0">Integer posuere erat, consectetur adipiscing elit. Fusce dapibus, tellus ac cursus commodo.</p></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-center" > <div class="container space-lg"> <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-6"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <figure><img src="/sites/default/files/img/photos/device.png" alt="" srcset="/sites/default/files/img/photos/device@2x.png 2x" sizes="100vw" /></figure> </div> </div> <div class="col-lg-6"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <h2 class="fs-15 text-uppercase text-muted mb-3">How It Works</h2><h3 class="display-4 mb-5">Download the app, create your profile and voilà, you're all set!</h3><p class="mb-8">Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nulla vitae elit libero. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo.</p><div class="row gy-6 gx-xxl-8 process-wrapper"><div class="col-md-4"><img class="svg-inject icon-svg icon-svg-sm text-green mb-3" src="/sites/default/files/img/icons/lineal/cloud-computing.svg" alt="" /><h4 class="mb-1">1. Download</h4><p class="mb-0">Nulla vitae elit libero elit non porta eget.</p></div><div class="col-md-4"><img class="svg-inject icon-svg icon-svg-sm text-red mb-3" src="/sites/default/files/img/icons/lineal/smartphone-2.svg" alt="" /><h4 class="mb-1">2. Set Profile</h4><p class="mb-0">Nulla vitae elit libero elit non porta eget.</p></div><div class="col-md-4"><img class="svg-inject icon-svg icon-svg-sm text-aqua mb-3" src="/sites/default/files/img/icons/lineal/rocket.svg" alt="" /><h4 class="mb-1">3. Start</h4><p class="mb-0">Nulla vitae elit libero elit non porta eget.</p></div></div> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content-video position-relative col-lg-10 mx-auto"> <div class="field field--name-field-paragraph-video-embed field--type-video-embed-field field--label-hidden field--item"><div class="video-embed-field-provider-youtube video-embed-field-responsive-video"><iframe width="854" height="480" frameborder="0" allowfullscreen="allowfullscreen" src="https://www.youtube.com/embed/bNpx7gpSqbY?autoplay=0&amp;start=0&amp;rel=0"></iframe> </div> </div> </div> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row text-center"><div class="col-lg-9 mx-auto"><h2 class="fs-15 text-uppercase text-muted mb-3 mt-12">Our Process</h2><h3 class="display-4 mb-0 text-center px-xl-10 px-xxl-15">Find out everything you need to know about creating a business process model</h3><div class="row gx-lg-8 gx-xl-12 process-wrapper text-center mt-10"><div class="col-md-4"><img class="svg-inject icon-svg icon-svg-md text-primary mb-3" src="/sites/default/files/img/icons/lineal/light-bulb.svg" alt="" /><h4 class="mb-1">1. Concept</h4><p class="mb-0">Nulla vitae elit libero elit non porta gravida eget metus cras.</p></div><div class="col-md-4"><img class="svg-inject icon-svg icon-svg-md text-red mb-3" src="/sites/default/files/img/icons/lineal/settings-3.svg" alt="" /><h4 class="mb-1">2. Prepare</h4><p class="mb-0">Nulla vitae elit libero elit non porta gravida eget metus cras.</p></div><div class="col-md-4"><img class="svg-inject icon-svg icon-svg-md text-leaf mb-3" src="/sites/default/files/img/icons/lineal/design.svg" alt="" /><h4 class="mb-1">3. Retouch</h4><p class="mb-0">Nulla vitae elit libero elit non porta gravida eget metus cras.</p></div></div></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border switch-column-mobile paragraph--view-mode--default" data-content-align="align-items-center" > <div class="container space-lg"> <div class="region--top"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row mb-5"><div class="col-md-10 col-xl-8 col-xxl-7 mx-auto text-center"><img class="svg-inject icon-svg icon-svg-md mb-4" src="/sites/default/files/img/icons/lineal/list.svg" alt="" /><h2 class="display-4 mb-4 px-lg-14">Here are 3 working steps to organize our business projects.</h2></div></div> </div> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-6"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <h2 class="display-6 mb-3">How It Works?</h2><p class="lead fs-lg pe-lg-5">Find out everything you need to know and more about how we create our business process models.</p><p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare.</p><p class="mb-6">Nullam id dolor id nibh ultricies vehicula ut id elit. Vestibulum id ligula porta felis euismod semper. Aenean lacinia bibendum nulla sed consectetur. Sed posuere consectetur est at lobortis. Vestibulum id ligula porta felis.</p><p><a class="btn btn-primary rounded-pill mb-0" href="#">Learn More</a></p> </div> </div> <div class="col-lg-6"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="card me-lg-6"><div class="card-body p-6"><div class="d-flex flex-row"><div><span class="icon btn btn-circle btn-lg btn-soft-primary pe-none me-4 number">01</span></div><div><h4 class="mb-1">Collect Ideas</h4><p class="mb-0">Nulla vitae elit libero pharetra augue dapibus.</p></div></div></div></div><div class="card ms-lg-13 mt-6"><div class="card-body p-6"><div class="d-flex flex-row"><div><span class="icon btn btn-circle btn-lg btn-soft-primary pe-none me-4 number">02</span></div><div><h4 class="mb-1">Data Analysis</h4><p class="mb-0">Vivamus sagittis lacus vel augue laoreet.</p></div></div></div></div><div class="card mx-lg-6 mt-6"><div class="card-body p-6"><div class="d-flex flex-row"><div><span class="icon btn btn-circle btn-lg btn-soft-primary pe-none me-4 number">03</span></div><div><h4 class="mb-1">Finalize Product</h4><p class="mb-0">Cras mattis consectetur purus sit amet.</p></div></div></div></div> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-center" > <div class="container space-lg"> <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-7"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <figure><img class="w-auto" src="/sites/default/files/img/illustrations/i3.png" alt="" srcset="/sites/default/files/img/illustrations/i3@2x.png 2x" sizes="100vw" /></figure> </div> </div> <div class="col-lg-5"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <h2 class="fs-15 text-uppercase text-line text-primary mb-3">How It Works?</h2><h3 class="display-5 mb-7 pe-xxl-5">Everything you need on creating a business process.</h3><div class="d-flex flex-row mb-4"><div><img class="svg-inject icon-svg icon-svg-sm text-primary me-4" src="/sites/default/files/img/icons/lineal/light-bulb.svg" alt="" /></div><div><h4 class="mb-1">Collect Ideas</h4><p class="mb-1">Nulla vitae elit libero pharetra augue dapibus.</p></div></div><div class="d-flex flex-row mb-4"><div><img class="svg-inject icon-svg icon-svg-sm text-green me-4" src="/sites/default/files/img/icons/lineal/pie-chart-2.svg" alt="" /></div><div><h4 class="mb-1">Data Analysis</h4><p class="mb-1">Vivamus sagittis lacus augue laoreet vel.</p></div></div><div class="d-flex flex-row"><div><img class="svg-inject icon-svg icon-svg-sm text-yellow me-4" src="/sites/default/files/img/icons/lineal/design.svg" alt="" /></div><div><h4 class="mb-1">Magic Touch</h4><p class="mb-0">Cras mattis consectetur purus sit amet.</p></div></div> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-center" > <div class="container space-lg"> <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-7"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <figure><img class="w-auto" src="/sites/default/files/img/illustrations/i9.png" alt="" srcset="/sites/default/files/img/illustrations/i9@2x.png 2x" sizes="100vw" /></figure> </div> </div> <div class="col-lg-5"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <h3 class="fs-16 text-uppercase text-muted mb-3">How It Works?</h3><h3 class="display-4 mb-6">Find out everything about creating a business model.</h3><div class="row gy-4"><div class="col-md-6"><h4><span class="text-primary">1.</span> Creative Ideas</h4><p class="mb-0">Nulla vitae elit libero a augue donec id elit non mi porta.</p></div><div class="col-md-6"><h4><span class="text-primary">2.</span> Magic Touch</h4><p class="mb-0">Nulla vitae elit libero a augue donec id elit non mi porta.</p></div><div class="col-md-6"><h4><span class="text-primary">3.</span> Data Analysis</h4><p class="mb-0">Nulla vitae elit libero a augue donec id elit non mi porta.</p></div><div class="col-md-6"><h4><span class="text-primary">4.</span> Finalize Product</h4><p class="mb-0">Nulla vitae elit libero a augue donec id elit non mi porta.</p></div></div> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border text-center switch-column-mobile paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-md"> <div class="region--top"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row text-center"><div class="col-md-10 col-lg-7 mx-auto position-relative"><img class="w-15 position-absolute d-none d-lg-block" style="bottom:-60%;right:10%;" src="/sites/default/files/img/svg/doodle5.svg" alt="" data-delay="1800" /><img class="h-15 position-absolute d-none d-lg-block" style="left:-5%;top:-40%;" src="/sites/default/files/img/svg/doodle6.svg" alt="" data-delay="1800" /><h2 class="fs-16 text-uppercase text-muted mb-3">How It Works</h2><h3 class="display-3 mb-8 px-xl-6">Download the app, create your profile and <span class="text-gradient gradient-7">voilà</span>, you're all set!</h3></div></div> </div> </div> <div class="row gx-8 gy-8"> <div class="col-md-6 col-lg-4"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="mb-8"><p><span class="fs-60 lh-1 mb-3 fw-normal text-gradient gradient-7">01</span></p><h4 class="fs-20">Download Application</h4><p class="mb-0 px-xl-7">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus.</p></div><div><p><span class="fs-60 lh-1 mb-3 fw-normal text-gradient gradient-7">02</span></p><h4 class="fs-20">Quick Registration</h4><p class="mb-0 px-xl-7">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus.</p></div> </div> </div> <div class="col-md-6 col-lg-4"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="mx-auto mb-n10 mb-lg-0"><figure class="mx-auto"><img src="/sites/default/files/img/photos/devices4.png" alt="" srcset="/sites/default/files/img/photos/devices4@2x.png 2x" sizes="100vw" /></figure></div> </div> </div> <div class="col-md-6 col-lg-4"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="mb-8"><p><span class="fs-60 lh-1 mb-3 fw-normal text-gradient gradient-7">03</span></p><h4 class="fs-20">Track Your Spending</h4><p class="mb-0 px-xl-7">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus.</p></div><div><p><span class="fs-60 lh-1 mb-3 fw-normal text-gradient gradient-7">04</span></p><h4 class="fs-20">Have Total Control</h4><p class="mb-0 px-xl-7">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus.</p></div> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> Fri, 07 Jul 2023 04:42:34 +0000 devraj 90 at https://www.ivagus.com https://www.ivagus.com/index.php/blocks-pricing <span class="field field--name-title field--type-string field--label-hidden">Blocks Pricing</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><a title="View user profile." href="/index.php/user-profile/devraj" class="username">devraj</a></span> <span class="field field--name-created field--type-created field--label-hidden"><time datetime="2023-07-07T03:58:13+00:00" title="Friday, July 7, 2023 - 03:58" class="datetime">Fri, 07/07/2023 - 03:58</time> </span> <div class="field field--name-field-mainmenu-transparent field--type-boolean field--label-hidden field--item">Off</div> <div class="field field--name-field-mainmenu-absolute field--type-boolean field--label-hidden field--item">Off</div> <section class="paragraph paragraph--type--paragraph-section wrapper bg-soft-primary text-center paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-md"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-md-9 col-lg-7 col-xl-5 mx-auto"><h1 class="display-1 mb-3">Blocks - Pricing</h1><p class="lead px-xxl-10">Copy any custom paragraph block below and use it on your page to build your website easily.</p></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-4"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <h2 class="display-4 mt-lg-18 mb-3">Our Pricing</h2><p class="lead fs-lg">We offer <span class="underline">great prices</span>, premium and quality products for your business.</p><p>Enjoy a <a class="hover" href="#">free 30-day trial</a> and experience the full service. No credit card required!</p><p><a class="btn btn-primary rounded-pill mt-2" href="#">See All Prices</a></p> </div> </div> <div class="col-lg-8"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-lg-10 offset-lg-2 pricing-wrapper"><div class="pricing-switcher-wrapper switcher justify-content-start justify-content-lg-end"><p class="mb-0 pe-3">Monthly</p><div class="pricing-switchers"><div class="pricing-switcher pricing-switcher-active">&nbsp;</div><div class="pricing-switcher">&nbsp;</div><div class="switcher-button bg-primary">&nbsp;</div></div><p class="mb-0 ps-3">Yearly <span class="text-red">(Save 30%)</span></p></div><div class="row gy-6 position-relative mt-5"><div class="shape bg-dot primary rellax w-16 h-18" style="bottom:-0.5rem;right:-1.6rem;" data-rellax-speed="1">&nbsp;</div><div class="shape rounded-circle bg-line red rellax w-18 h-18" style="left:-2rem;top:-1rem;" data-rellax-speed="1">&nbsp;</div><div class="col-md-6"><div class="pricing card"><div class="card-body pb-12"><div class="prices text-dark"><div class="price price-show justify-content-start"><span class="price-currency">$</span><span class="price-value">19</span> <span class="price-duration">mo</span></div><div class="price price-hide price-hidden justify-content-start"><span class="price-currency">$</span><span class="price-value">199</span> <span class="price-duration">yr</span></div></div><h4 class="card-title mt-2">Premium Plan</h4><ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8"><li><em><i class="uil uil-check">‌</i></em><span><strong>5</strong> Projects</span></li><li><em><i class="uil uil-check">‌</i></em><span><strong>100K</strong> API Access</span></li><li><em><i class="uil uil-check">‌</i></em><span><strong>200MB</strong> Storage</span></li><li><em><i class="uil uil-check">‌</i></em><span> Weekly <strong>Reports</strong></span></li><li><em><i class="uil uil-times bullet-soft-red">‌</i></em><span> 7/24 <strong>Support</strong></span></li></ul><p><a class="btn btn-primary rounded-pill" href="#">Choose Plan</a></p></div></div></div><div class="col-md-6 popular"><div class="pricing card"><div class="card-body pb-12"><div class="prices text-dark"><div class="price price-show justify-content-start"><span class="price-currency">$</span><span class="price-value">49</span> <span class="price-duration">mo</span></div><div class="price price-hide price-hidden justify-content-start"><span class="price-currency">$</span><span class="price-value">499</span> <span class="price-duration">yr</span></div></div><h4 class="card-title mt-2">Corporate Plan</h4><ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8"><li><em><i class="uil uil-check">‌</i></em><span><strong>20</strong> Projects</span></li><li><em><i class="uil uil-check">‌</i></em><span><strong>300K</strong> API Access</span></li><li><em><i class="uil uil-check">‌</i></em><span><strong>500MB</strong> Storage</span></li><li><em><i class="uil uil-check">‌</i></em><span> Weekly <strong>Reports</strong></span></li><li><em><i class="uil uil-check">‌</i></em><span> 7/24 <strong>Support</strong></span></li></ul><p><a class="btn btn-primary rounded-pill" href="#">Choose Plan</a></p></div></div></div></div></div></div> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-lg-10 col-xl-9 col-xxl-8 mx-auto text-center"><h2 class="fs-15 text-uppercase text-muted mb-3">Our Pricing</h2><h3 class="display-4 mb-15 mb-md-6 px-lg-10">We offer great prices, premium products and quality service for your business.</h3></div></div> </div> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="pricing-wrapper position-relative"><div class="shape bg-dot primary rellax w-16 h-18" style="right:-2.4rem;top:2rem;" data-rellax-speed="1"> </div><div class="shape rounded-circle bg-line red rellax w-18 h-18 d-none d-lg-block" style="bottom:0.5rem;left:-2.5rem;" data-rellax-speed="1"> </div><div class="pricing-switcher-wrapper switcher"><p class="mb-0 pe-3">Monthly</p><div class="pricing-switchers"><div class="pricing-switcher pricing-switcher-active"> </div><div class="pricing-switcher"> </div><div class="switcher-button bg-primary"> </div></div><p class="mb-0 ps-3">Yearly</p></div><div class="row gy-6 mt-3 mt-md-5"><div class="col-md-6 col-lg-4"><div class="pricing card text-center"><div class="card-body"><img class="svg-inject icon-svg icon-svg-md text-primary mb-3" src="/sites/default/files/img/icons/lineal/shopping-basket.svg" alt="" /><h4 class="card-title">Basic Plan</h4><div class="prices text-dark"><div class="price price-show"><span class="price-currency">$</span><span class="price-value">9</span> <span class="price-duration">mo</span></div><div class="price price-hide price-hidden"><span class="price-currency">$</span><span class="price-value">99</span> <span class="price-duration">yr</span></div></div><ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8 text-start"><li><em><i class="uil uil-check">‌</i></em><span><strong>1</strong> Project</span></li><li><em><i class="uil uil-check">‌</i></em><span><strong>100K</strong> API Access</span></li><li><em><i class="uil uil-check">‌</i></em><span><strong>100MB</strong> Storage</span></li><li><em><i class="uil uil-times bullet-soft-red">‌</i></em><span> Weekly <strong>Reports</strong></span></li><li><em><i class="uil uil-times bullet-soft-red">‌</i></em><span> 7/24 <strong>Support</strong></span></li></ul><p><a class="btn btn-primary rounded-pill" href="#">Choose Plan</a></p></div></div></div><div class="col-md-6 col-lg-4 popular"><div class="pricing card text-center"><div class="card-body"><img class="svg-inject icon-svg icon-svg-md text-primary mb-3" src="/sites/default/files/img/icons/lineal/home.svg" alt="" /><h4 class="card-title">Premium Plan</h4><div class="prices text-dark"><div class="price price-show"><span class="price-currency">$</span><span class="price-value">19</span> <span class="price-duration">mo</span></div><div class="price price-hide price-hidden"><span class="price-currency">$</span><span class="price-value">199</span> <span class="price-duration">yr</span></div></div><ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8 text-start"><li><em><i class="uil uil-check">‌</i></em><span><strong>5</strong> Projects</span></li><li><em><i class="uil uil-check">‌</i></em><span><strong>100K</strong> API Access</span></li><li><em><i class="uil uil-check">‌</i></em><span><strong>200MB</strong> Storage</span></li><li><em><i class="uil uil-check">‌</i></em><span> Weekly <strong>Reports</strong></span></li><li><em><i class="uil uil-times bullet-soft-red">‌</i></em><span> 7/24 <strong>Support</strong></span></li></ul><p><a class="btn btn-primary rounded-pill" href="#">Choose Plan</a></p></div></div></div><div class="col-md-6 offset-md-3 col-lg-4 offset-lg-0"><div class="pricing card text-center"><div class="card-body"><img class="svg-inject icon-svg icon-svg-md text-primary mb-3" src="/sites/default/files/img/icons/lineal/briefcase-2.svg" alt="" /><h4 class="card-title">Corporate Plan</h4><div class="prices text-dark"><div class="price price-show"><span class="price-currency">$</span><span class="price-value">49</span> <span class="price-duration">mo</span></div><div class="price price-hide price-hidden"><span class="price-currency">$</span><span class="price-value">499</span> <span class="price-duration">yr</span></div></div><ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8 text-start"><li><em><i class="uil uil-check">‌</i></em><span><strong>20</strong> Projects</span></li><li><em><i class="uil uil-check">‌</i></em><span><strong>300K</strong> API Access</span></li><li><em><i class="uil uil-check">‌</i></em><span><strong>500MB</strong> Storage</span></li><li><em><i class="uil uil-check">‌</i></em><span> Weekly <strong>Reports</strong></span></li><li><em><i class="uil uil-check">‌</i></em><span> 7/24 <strong>Support</strong></span></li></ul><p><a class="btn btn-primary rounded-pill" href="#">Choose Plan</a></p></div></div></div></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <h2 class="display-5 mb-7 text-center">Our Pricing</h2><div class="pricing-wrapper"><div class="pricing-switcher-wrapper switcher"><p class="mb-0 pe-3">Monthly</p><div class="pricing-switchers"><div class="pricing-switcher pricing-switcher-active">&nbsp;</div><div class="pricing-switcher">&nbsp;</div><div class="switcher-button bg-primary">&nbsp;</div></div><p class="mb-0 ps-3">Yearly <span class="text-red">(Save 30%)</span></p></div><div class="row gx-0 gy-6 mt-2"><div class="col-md-6 col-lg-3"><div class="pricing card shadow-none"><div class="card-body"><div class="icon btn btn-circle btn-lg btn-soft-primary pe-none"><em><i class="uil uil-shopping-bag">‌</i></em></div><h4 class="card-title">Basic Plan</h4><div class="prices text-dark"><div class="price price-show justify-content-start"><span class="price-currency">$</span><span class="price-value">9</span> <span class="price-duration">mo</span></div><div class="price price-hide price-hidden justify-content-start"><span class="price-currency">$</span><span class="price-value">99</span> <span class="price-duration">yr</span></div></div><ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8"><li><em><i class="uil uil-check">‌</i></em><span><strong>1</strong> Project</span></li><li><em><i class="uil uil-check">‌</i></em><span><strong>100K</strong> API Access</span></li><li><em><i class="uil uil-check">‌</i></em><span><strong>100MB</strong> Storage</span></li><li><em><i class="uil uil-times bullet-soft-red">‌</i></em><span> Weekly <strong>Reports</strong></span></li><li><em><i class="uil uil-times bullet-soft-red">‌</i></em><span> 7/24 <strong>Support</strong></span></li></ul><p><a class="btn btn-soft-primary rounded-pill" href="#">Choose Plan</a></p></div></div></div><div class="col-md-6 col-lg-3"><div class="pricing card shadow-none"><div class="card-body"><div class="icon btn btn-circle btn-lg btn-soft-primary pe-none"><em><i class="uil uil-shopping-cart-alt">‌</i></em></div><h4 class="card-title">Premium Plan</h4><div class="prices text-dark"><div class="price price-show justify-content-start"><span class="price-currency">$</span><span class="price-value">19</span> <span class="price-duration">mo</span></div><div class="price price-hide price-hidden justify-content-start"><span class="price-currency">$</span><span class="price-value">199</span> <span class="price-duration">yr</span></div></div><ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8"><li><em><i class="uil uil-check">‌</i></em><span><strong>5</strong> Projects</span></li><li><em><i class="uil uil-check">‌</i></em><span><strong>100K</strong> API Access</span></li><li><em><i class="uil uil-check">‌</i></em><span><strong>200MB</strong> Storage</span></li><li><em><i class="uil uil-check">‌</i></em><span> Weekly <strong>Reports</strong></span></li><li><em><i class="uil uil-times bullet-soft-red">‌</i></em><span> 7/24 <strong>Support</strong></span></li></ul><p><a class="btn btn-soft-primary rounded-pill" href="#">Choose Plan</a></p></div></div></div><div class="col-md-6 col-lg-3"><div class="pricing card bg-soft-primary"><div class="card-body"><div class="icon btn btn-circle btn-lg btn-primary pe-none"><em><i class="uil uil-store">‌</i></em></div><h4 class="card-title">Corporate Plan</h4><div class="prices text-dark"><div class="price price-show justify-content-start"><span class="price-currency">$</span><span class="price-value">29</span> <span class="price-duration">mo</span></div><div class="price price-hide price-hidden justify-content-start"><span class="price-currency">$</span><span class="price-value">299</span> <span class="price-duration">yr</span></div></div><ul class="icon-list bullet-bg bullet-primary mt-7 mb-8"><li><em><i class="uil uil-check">‌</i></em><span><strong>20</strong> Projects</span></li><li><em><i class="uil uil-check">‌</i></em><span><strong>300K</strong> API Access</span></li><li><em><i class="uil uil-check">‌</i></em><span><strong>500MB</strong> Storage</span></li><li><em><i class="uil uil-check">‌</i></em><span> Weekly <strong>Reports</strong></span></li><li><em><i class="uil uil-check">‌</i></em><span> 7/24 <strong>Support</strong></span></li></ul><p><a class="btn btn-primary rounded-pill" href="#">Choose Plan</a></p></div></div></div><div class="col-md-6 col-lg-3"><div class="pricing card shadow-none"><div class="card-body"><div class="icon btn btn-circle btn-lg btn-soft-primary pe-none"><em><i class="uil uil-store-alt">‌</i></em></div><h4 class="card-title">Community Plan</h4><div class="prices text-dark"><div class="price price-show justify-content-start"><span class="price-currency">$</span><span class="price-value">49</span> <span class="price-duration">mo</span></div><div class="price price-hide price-hidden justify-content-start"><span class="price-currency">$</span><span class="price-value">499</span> <span class="price-duration">yr</span></div></div><ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8"><li><em><i class="uil uil-check">‌</i></em><span><strong>90</strong> Projects</span></li><li><em><i class="uil uil-check">‌</i></em><span><strong>900K</strong> API Access</span></li><li><em><i class="uil uil-check">‌</i></em><span><strong>900MB</strong> Storage</span></li><li><em><i class="uil uil-check">‌</i></em><span> Weekly <strong>Reports</strong></span></li><li><em><i class="uil uil-check">‌</i></em><span> 7/24 <strong>Support</strong></span></li></ul><p><a class="btn btn-soft-primary rounded-pill" href="#">Choose Plan</a></p></div></div></div></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <h2 class="display-4 mb-3">Our Pricing</h2><p class="lead fs-lg">We offer <span class="underline">great prices</span>, premium and quality products for your business.</p><div class="row"><div class="col-lg-4"><p>Enjoy a <a class="hover" href="#">free 30-day trial</a> and experience the full service. No credit card required!</p></div></div><p><a class="btn btn-primary rounded-pill mt-2" href="#">See All Prices</a></p> </div> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="table-responsive mt-10 mt-lg-0"><table class="table table-borderless table-striped text-center"><thead><tr><th class="w-25">&nbsp;</th><th><div class="h4 mb-1">Basic Plan</div><div class="fs-15 fw-normal text-secondary">$9 / Monthly</div></th><th><div class="h4 mb-1">Premium Plan</div><div class="fs-15 fw-normal text-secondary">$19 / Monthly</div></th><th><div class="h4 mb-1">Corporate Plan</div><div class="fs-15 fw-normal text-secondary">$29 / Monthly</div></th><th><div class="h4 mb-1">Business Plan</div><div class="fs-15 fw-normal text-secondary">$49 / Monthly</div></th></tr></thead><tbody><tr><th class="option text-start">Project</th><th>1</th><th>5</th><th>20</th><th>90</th></tr><tr><th class="option text-start">API Access</th><th>100K</th><th>200K</th><th>300K</th><th>900K</th></tr><tr><th class="option text-start">Storage</th><th>100MB</th><th>200MB</th><th>500MB</th><th>900MB</th></tr><tr><th class="option text-start">Weekly Reports</th><th>-</th><th>&nbsp;</th><th>&nbsp;</th><th>&nbsp;</th></tr><tr><th class="option text-start">24/7 Support</th><th>-</th><th>-</th><th>&nbsp;</th><th>&nbsp;</th></tr><tr><th class="w-25">&nbsp;</th><th><a class="btn btn-soft-primary rounded-pill mt-1" href="#">Choose Plan</a></th><th><a class="btn btn-soft-primary rounded-pill mt-1" href="#">Choose Plan</a></th><th><a class="btn btn-soft-primary rounded-pill mt-1" href="#">Choose Plan</a></th><th><a class="btn btn-soft-primary rounded-pill mt-1" href="#">Choose Plan</a></th></tr></tbody></table></div> </div> </div> </div> </div> </section> Fri, 07 Jul 2023 03:58:13 +0000 devraj 89 at https://www.ivagus.com https://www.ivagus.com/index.php/blocks-hero <span class="field field--name-title field--type-string field--label-hidden">Blocks Hero</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><a title="View user profile." href="/index.php/user-profile/devraj" class="username">devraj</a></span> <span class="field field--name-created field--type-created field--label-hidden"><time datetime="2023-07-07T03:28:03+00:00" title="Friday, July 7, 2023 - 03:28" class="datetime">Fri, 07/07/2023 - 03:28</time> </span> <div class="field field--name-field-mainmenu-transparent field--type-boolean field--label-hidden field--item">Off</div> <div class="field field--name-field-mainmenu-absolute field--type-boolean field--label-hidden field--item">Off</div> <section class="paragraph paragraph--type--paragraph-section wrapper bg-soft-primary text-center paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-md"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-md-9 col-lg-7 col-xl-5 mx-auto"><h1 class="display-1 mb-3">Blocks - Hero</h1><p class="lead">Copy any custom paragraph block below and use it on your page to build your website easily.</p></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><div class="alert alert-blue alert-icon" role="alert"><em><i class="uil uil-exclamation-circle">‌</i></em> Click on the image to see the live demo of the hero example.</div></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-1" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero1.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-2" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero2.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-3.html" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero3.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-4" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero4.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-5" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero5.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-6" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero6.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-7" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero7.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-8" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero8.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-9" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero9.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-10" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero10.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-11" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero11.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-12" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero12.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-13" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero13.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-14" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero14.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-15" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero15.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-16" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero16.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-17" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero17.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-18" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero18.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-19" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero19.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-20" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero20.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-21" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero21.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-22" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero22.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-23" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero23.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-24" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero24.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-25" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero25.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-26" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero26.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-27" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero27.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-28" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero28.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-29" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero29.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-30" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero30.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-31" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero31.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-32" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero32.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-33" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero33.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xxl-10 mx-auto"><figure><a href="/demo-34" target="_blank"><img class="img-fluid" src="/sites/default/files/img/docs/hero34.jpg" alt="" /></a></figure></div></div> </div> </div> </div> </div> </section> Fri, 07 Jul 2023 03:28:03 +0000 devraj 88 at https://www.ivagus.com https://www.ivagus.com/index.php/blocks-footer <span class="field field--name-title field--type-string field--label-hidden">Blocks Footer</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><a title="View user profile." href="/index.php/user-profile/devraj" class="username">devraj</a></span> <span class="field field--name-created field--type-created field--label-hidden"><time datetime="2023-07-06T08:00:10+00:00" title="Thursday, July 6, 2023 - 08:00" class="datetime">Thu, 07/06/2023 - 08:00</time> </span> <div class="field field--name-field-mainmenu-transparent field--type-boolean field--label-hidden field--item">Off</div> <div class="field field--name-field-mainmenu-absolute field--type-boolean field--label-hidden field--item">Off</div> <section class="paragraph paragraph--type--paragraph-section wrapper bg-soft-primary text-center paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-md"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-md-9 col-lg-7 col-xl-5 mx-auto"><h1 class="display-1 mb-3">Blocks - Footer</h1><p class="lead px-xxl-10">Grab any custom footer block below and use it on your page to build your website easily.</p></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div> <div id="block-footerblock1" class="block block-block-content block-block-content51c3dee5-3c00-4a30-86d3-0b01187dc218 wrapper"> <div class="d-lg-flex flex-row align-items-lg-center"> <h3 class="display-4 mb-6 mb-lg-0 pe-lg-20 pe-xl-22 pe-xxl-25"> Join our community by using our services and grow your business. </h3> <p> <a class="btn btn-primary rounded-pill mb-0 text-nowrap" href="#">Try It For Free</a> </p> </div> <hr class="mt-11 mb-12" /><div class="row gy-6 gy-lg-0"> <div class="col-md-4 col-lg-3"> <div class="widget"> <img class="mb-4" src="/themes/custom/sandbox/logo-light.png" alt="" srcset="/themes/custom/sandbox/logo-light@2x.png 2x" sizes="100vw" /><p class="mb-4"> © 2023 Sandbox.       <br /> All rights reserved. </p> <nav class="nav social social-white"><p> <a href="#"><em><i class="uil uil-twitter">‌</i></em></a> <a href="#"><em><i class="uil uil-facebook-f">‌</i></em></a> <a href="#"><em><i class="uil uil-dribbble">‌</i></em></a> <a href="#"><em><i class="uil uil-instagram">‌</i></em></a> <a href="#"><em><i class="uil uil-youtube">‌</i></em></a> </p> </nav></div> </div> <div class="col-md-4 col-lg-3"> <div class="widget"> <h4 class="widget-title text-white mb-3"> Get in Touch </h4> <address class="pe-xl-15 pe-xxl-17"> <p> Moonshine St. 14/05 Light City, London, United Kingdom </p> </address> <p> <a href="mailto:#">info@email.com</a>      <br /> 00 (123) 456 78 90 </p> </div> </div> <div class="col-md-4 col-lg-3"> <div class="widget"> <h4 class="widget-title text-white mb-3"> Learn More </h4> <ul class="list-unstyled mb-0"><li> <a href="#">About Us</a> </li> <li> <a href="#">Our Story</a> </li> <li> <a href="#">Projects</a> </li> <li> <a href="#">Terms of Use</a> </li> <li> <a href="#">Privacy Policy</a> </li> </ul></div> </div> <div class="col-md-12 col-lg-3"> <div class="widget"> <h4 class="widget-title text-white mb-3"> Our Newsletter </h4> <p class="mb-5"> Subscribe to our newsletter to get our news &amp; deals delivered to you. </p> <div class="newsletter-wrapper"> <div id="mc_embed_signup2"> <form class="validate dark-fields" action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&amp;id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" target="_blank" novalidate=""> <div id="mc_embed_signup_scroll2"> <div class="mc-field-group input-group form-floating"> <input class="required email form-control" type="email" value="" name="EMAIL" placeholder="Email Address" id="mce-EMAIL2" /><label for="mce-EMAIL2">Email Address</label> <input class="btn btn-primary " type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" /></div> <div class="clear" id="mce-responses2"> <div class="response" style="display:none;" id="mce-error-response2">   </div> <div class="response" style="display:none;" id="mce-success-response2">   </div> </div> <div style="left:-5000px;position:absolute;" aria-hidden="true"> <input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value="" /></div> <div class="clear">   </div> </div> </form> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-dark wrapper-border text-inverse paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div> <div id="block-footerblock2" class="block block-block-content block-block-content0f984b0d-6dd8-47fb-a84f-08f9742efde0 wrapper" id="" > <div class="row gy-6 gy-lg-0"> <div class="col-lg-4"> <div class="widget"> <h3 class="h2 mb-3 "> Join the Community </h3> <p class="lead mb-5"> Let's make something great together. We are trusted by over 5000+ clients. Join them by using our services and grow your business. </p> <p> <a class="btn btn-primary rounded-pill" href="#">Join Us</a> </p> </div> </div> <div class="col-md-4 col-lg-2 offset-lg-2"> <div class="widget"> <h4 class="widget-title mb-3"> Need Help? </h4> <ul class="list-unstyled text-reset mb-0"> <li> <a href="#">Support</a> </li> <li> <a href="#">Get Started</a> </li> <li> <a href="#">Terms of Use</a> </li> <li> <a href="#">Privacy Policy</a> </li> </ul> </div> </div> <div class="col-md-4 col-lg-2"> <div class="widget"> <h4 class="widget-title mb-3"> Learn More </h4> <ul class="list-unstyled text-reset mb-0"> <li> <a href="#">About Us</a> </li> <li> <a href="#">Our Story</a> </li> <li> <a href="#">Projects</a> </li> <li> <a href="#">Pricing</a> </li> <li> <a href="#">Features</a> </li> </ul> </div> </div> <div class="col-md-4 col-lg-2"> <div class="widget"> <h4 class="widget-title mb-3"> Get in Touch </h4> <address> <p> Spaze i-Tech Park, Sector-49, Gurugram, India </p> </address> <p> <a class="link-body" href="mailto:first.last@email.com">contact@ivagus.com</a>&nbsp;&nbsp; <br> +91-9650423377 </p> </div> </div> </div> <hr class="mt-13 mt-md-15 mb-7"> <div class="d-md-flex align-items-center justify-content-between"> <p class="mb-2 mb-lg-0"> © 2023 iVagus. All rights reserved. </p> <nav class="nav social text-md-end"> <p> <a href="#"><i class="uil uil-twitter">‌</i></a> <a href="#"><i class="uil uil-facebook-f">‌</i></a> <a href="#"><i class="uil uil-dribbble">‌</i></a> <a href="#"><i class="uil uil-instagram">‌</i></a> <a href="#"><i class="uil uil-youtube">‌</i></a> </p> </nav> </div> </div> </div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-graywrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div> <div id="block-footerblock3" class="block block-block-content block-block-contented8c17fb-00db-4e84-bced-c62cca458da3 wrapper"> <div class="row gx-lg-0 gy-6"> <div class="col-lg-4"> <div class="widget"> <img class="mb-4" src="/themes/custom/sandbox/logo.png" alt="" srcset="/themes/custom/sandbox/logo@2x.png 2x" sizes="100vw" /><p class="lead mb-0"> We are trusted by over 5000+ clients. Join them by using our services and grow your business. </p> </div> </div> <div class="col-lg-3 offset-lg-2"> <div class="widget"> <div class="d-flex flex-row"> <div> <div class="icon text-primary fs-28 me-4 mt-n1"> <i class="uil uil-phone-volume">‌</i> </div> </div> <div> <h5 class="mb-1"> Phone </h5> <p class="mb-0"> +91-9650423377 </p> </div> </div> </div> </div> <div class="col-lg-3"> <div class="widget"> <div class="d-flex flex-row"> <div> <div class="icon text-primary fs-28 me-4 mt-n1"> <i class="uil uil-location-pin-alt">‌</i> </div> </div> <div class="align-self-start justify-content-start"> <h5 class="mb-1"> Address </h5> <address> <p> Spaze i-Tech Park, Sector-49, Gurugram, India </p> </address> </div> </div> </div> </div> </div> <hr class="mt-13 mt-md-14 mb-7" /><div class="d-md-flex align-items-center justify-content-between"> <p class="mb-2 mb-lg-0"> © 2023 iVagus. All rights reserved. </p> <nav class="nav social social-muted mb-0 text-md-end"><p> <a href="#"><i class="uil uil-twitter">‌</i></a> <a href="#"><i class="uil uil-facebook-f">‌</i></a> <a href="#"><i class="uil uil-dribbble">‌</i></a> <a href="#"><i class="uil uil-instagram">‌</i></a> <a href="#"><i class="uil uil-youtube">‌</i></a> </p> </nav></div> </div> </div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container-fluid space-lg"> <div class="mt-12"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div> <div id="block-footerblock4" class="block block-block-content block-block-contentab035e12-4cec-44bf-9a52-26c35e4adeee wrapper bg-soft-primary" id="" > <div class="row"><div class="col-xl-11 col-xxl-10 mx-auto"><div class="card image-wrapper bg-full bg-image bg-overlay bg-overlay-400 mt-n50p mb-n5" data-image-src="/sites/default/files/img/photos/bg3.jpg"><div class="card-body p-6 p-md-11 d-lg-flex flex-row align-items-lg-center justify-content-md-between text-center text-lg-start"><h3 class="display-6 mb-6 mb-lg-0 pe-lg-15 pe-xxl-18 text-white">We are trusted by over 5000+ clients. Join them by using our services and grow your business.</h3><p><a class="btn btn-white rounded-pill mb-0 text-nowrap" href="#">Join Us</a></p></div></div></div></div><div class="container pb-12 text-center"><div class="row mt-n10 mt-lg-0"><div class="col-xl-10 mx-auto"><div class="row mb-3"><div class="col-md-4"><div class="widget"><h4 class="widget-title">Address</h4><address><p>Spaze i-Tech Park, Sector-49<br>Gurgaon, Haryana - 122001, India</p></address></div></div><div class="col-md-4"><div class="widget"><h4 class="widget-title">Phone</h4><p>+91-9650423377</p></div></div><div class="col-md-4"><div class="widget"><h4 class="widget-title">E-mail</h4><p><a class="link-body" href="mailto:sandbox@email.com">Contact@ivagus.com</a></p></div></div></div><p>© 2023 iVagus. All rights reserved.</p><nav class="nav social justify-content-center"><p><a href="#"><em><i class="uil uil-twitter">‌</i></em></a> <a href="#"><em><i class="uil uil-facebook-f">‌</i></em></a> <a href="#"><em><i class="uil uil-dribbble">‌</i></em></a> <a href="#"><em><i class="uil uil-instagram">‌</i></em></a> <a href="#"><em><i class="uil uil-youtube">‌</i></em></a></p></nav></div></div></div> </div> </div> </div> </div> </div> </div> </div> </section> Thu, 06 Jul 2023 08:00:10 +0000 devraj 87 at https://www.ivagus.com https://www.ivagus.com/index.php/blocks-contact <span class="field field--name-title field--type-string field--label-hidden">Blocks Contact</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><a title="View user profile." href="/index.php/user-profile/devraj" class="username">devraj</a></span> <span class="field field--name-created field--type-created field--label-hidden"><time datetime="2023-07-06T03:58:57+00:00" title="Thursday, July 6, 2023 - 03:58" class="datetime">Thu, 07/06/2023 - 03:58</time> </span> <div class="field field--name-field-mainmenu-transparent field--type-boolean field--label-hidden field--item">Off</div> <div class="field field--name-field-mainmenu-absolute field--type-boolean field--label-hidden field--item">Off</div> <section class="paragraph paragraph--type--paragraph-section wrapper bg-soft-primary text-center paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-md"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-md-9 col-lg-7 col-xl-5 mx-auto"><h1 class="display-1 mb-3">Blocks - Contact</h1><p class="lead px-xxl-10">Copy any custom paragraph block below and use it on your page to build your website easily.</p></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border switch-column-mobile paragraph--view-mode--default" data-content-align="align-items-center" > <div class="container space-lg"> <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-5"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <h2 class="display-4 mb-3">Let’s Talk</h2><p class="lead fs-lg">Let's make something great together. We are <span class="underline purple">trusted by</span> over 5000+ clients. Join them by using our services and grow your business.</p><p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p><p><a class="btn btn-purple rounded-pill mt-2" href="#">Join Us</a></p> </div> </div> <div class="col-lg-7"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="position-relative"><figure><img class="w-auto" src="/sites/default/files/img/illustrations/i14.png" alt="" srcset="/sites/default/files/img/illustrations/i14@2x.png 2x" sizes="100vw" /></figure></div> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-center" > <div class="container space-lg"> <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-6"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xl-10 offset-xl-2 position-relative"><div class="shape bg-dot primary rellax w-17 h-21" style="left:-1.4rem;top:-2rem;" data-rellax-speed="1"> </div><figure class="rounded"><img src="/sites/default/files/img/photos/about4.jpg" alt="" srcset="/sites/default/files/img/photos/about4@2x.jpg 2x" sizes="100vw" /></figure></div></div> </div> </div> <div class="col-lg-6"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <img class="svg-inject icon-svg icon-svg-md mb-4" src="/sites/default/files/img/icons/lineal/telemarketer.svg" alt="" /><h2 class="display-4 mb-8">Convinced yet? Let's make something great together.</h2><div class="d-flex flex-row"><div><div class="icon text-primary fs-28 me-6 mt-n1"><em><i class="uil uil-location-pin-alt">‌</i></em></div></div><div><h5 class="mb-1">Address</h5><address><p>Moonshine St. 14/05 Light City, <br />London, United Kingdom</p></address></div></div><div class="d-flex flex-row"><div><div class="icon text-primary fs-28 me-6 mt-n1"><em><i class="uil uil-phone-volume">‌</i></em></div></div><div><h5 class="mb-1">Phone</h5><p>00 (123) 456 78 90</p></div></div><div class="d-flex flex-row"><div><div class="icon text-primary fs-28 me-6 mt-n1"><em><i class="uil uil-envelope">‌</i></em></div></div><div><h5 class="mb-1">E-mail</h5><p class="mb-0"><a class="link-body" href="mailto:sandbox@email.com">sandbox@email.com</a></p></div></div> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-center" > <div class="container space-lg"> <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-7"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="position-relative"><div class="shape bg-dot primary rellax w-18 h-18" style="left:-1.4rem;top:0;z-index:0;" data-rellax-speed="1"> </div><div class="row gx-md-5 gy-5"><div class="col-md-6"><figure class="rounded mt-md-10 position-relative"><img src="/sites/default/files/img/photos/g5.jpg" alt="" srcset="/sites/default/files/img/photos/g5@2x.jpg 2x" sizes="100vw" /></figure></div><div class="col-md-6"><div class="row gx-md-5 gy-5"><div class="col-md-12 order-md-2"><figure class="rounded"><img src="/sites/default/files/img/photos/g6.jpg" alt="" srcset="/sites/default/files/img/photos/g6@2x.jpg 2x" sizes="100vw" /></figure></div><div class="col-md-10"><div class="card bg-pale-primary text-center counter-wrapper"><div class="card-body py-11"><h3 class="counter text-nowrap">5000+</h3><p class="mb-0">Satisfied Customers</p></div></div></div></div></div></div></div> </div> </div> <div class="col-lg-5"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <h2 class="display-4 mb-3">Let’s Talk</h2><p class="lead fs-lg">Let's make something great together. We are <span class="underline">trusted by</span> over 5000+ clients. Join them by using our services and grow your business.</p><p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p><p><a class="btn btn-primary rounded-pill mt-2" href="#">Join Us</a></p> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-center" > <div class="container space-lg"> <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-7"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <figure><img class="w-auto" src="/sites/default/files/img/illustrations/i5.png" alt="" srcset="/sites/default/files/img/illustrations/i5@2x.png 2x" sizes="100vw" /></figure> </div> </div> <div class="col-lg-5"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <h2 class="fs-15 text-uppercase text-line text-primary text-center mb-3">Get In Touch</h2><h3 class="display-5 mb-7">Got any questions? Don't hesitate to get in touch.</h3><div class="d-flex flex-row"><div><div class="icon text-primary fs-28 me-4 mt-n1"><em><i class="uil uil-location-pin-alt">‌</i></em></div></div><div><h5 class="mb-1">Address</h5><address><p>Moonshine St. 14/05 Light City, London</p></address></div></div><div class="d-flex flex-row"><div><div class="icon text-primary fs-28 me-4 mt-n1"><em><i class="uil uil-phone-volume">‌</i></em></div></div><div><h5 class="mb-1">Phone</h5><p>00 (123) 456 78 90</p></div></div><div class="d-flex flex-row"><div><div class="icon text-primary fs-28 me-4 mt-n1"><em><i class="uil uil-envelope">‌</i></em></div></div><div><h5 class="mb-1">E-mail</h5><p class="mb-0"><a class="link-body" href="mailto:sandbox@email.com">sandbox@email.com</a></p></div></div> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-md-8"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <p><div class="contact-message-feedback-form contact-message-form contact-form block block-contact-block clearfix" data-user-info-from-browser data-drupal-selector="contact-message-feedback-form" id="block-contactblock"> <div class="block-inner"> <form action="/index.php/rss.xml" method="post" id="contact-message-feedback-form" accept-charset="UTF-8"> <div class="js-form-item js-form-type-textfield form-type-textfield js-form-item-name form-item-name mb-4"> <label for="edit-name" class="js-form-required form-required">Your name</label> <input data-drupal-selector="edit-name" type="text" id="edit-name" name="name" value="" size="60" maxlength="255" class="required form-control" required="required" aria-required="true" /> </div> <input autocomplete="off" data-drupal-selector="form-sjwglp3r0vhlcnpoxogbgs9x50zl5dqq2rou1tyu4co" type="hidden" name="form_build_id" value="form-sJWGLp3R0VhlcnPOXogbgS9x50zl5dqQ2rou1tYu4co" class="form-control" /> <input data-drupal-selector="edit-contact-message-feedback-form" type="hidden" name="form_id" value="contact_message_feedback_form" class="form-control" /> <div class="js-form-item js-form-type-email form-type-email js-form-item-mail form-item-mail mb-4"> <label for="edit-mail" class="js-form-required form-required">Your email address</label> <input data-drupal-selector="edit-mail" type="email" id="edit-mail" name="mail" value="" size="60" maxlength="254" class="form-email required form-control" required="required" aria-required="true" /> </div> <div class="field--type-string-long field--name-message field--widget-string-textarea js-form-wrapper form-wrapper mb-3" data-drupal-selector="edit-message-wrapper" id="edit-message-wrapper"> <div class="js-form-item js-form-type-textarea form-type-textarea js-form-item-message-0-value form-item-message-0-value mb-4"> <label for="edit-message-0-value" class="js-form-required form-required">Message</label> <div class="form-textarea-wrapper"> <textarea class="js-text-full text-full form-textarea required form-control resize-vertical" data-drupal-selector="edit-message-0-value" id="edit-message-0-value" name="message[0][value]" rows="5" cols="60" placeholder="" required="required" aria-required="true"></textarea> </div> </div> </div> <div class="field--type-language field--name-langcode field--widget-language-select js-form-wrapper form-wrapper mb-3" data-drupal-selector="edit-langcode-wrapper" id="edit-langcode-wrapper"> </div> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper mb-3" id="edit-actions"><input data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="Send message" class="button button--primary js-form-submit form-submit btn btn-primary form-control" /> </div> </form> </div> </div></p> </div> </div> <div class="col-md-4"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="d-flex flex-row"><div><div class="icon text-primary fs-28 me-4 mt-n1"><em><i class="uil uil-location-pin-alt">‌</i></em></div></div><div><h5 class="mb-1">Address</h5><address><p>Moonshine St. 14/05 Light City, London, United Kingdom</p></address></div></div><div class="d-flex flex-row"><div><div class="icon text-primary fs-28 me-4 mt-n1"><em><i class="uil uil-phone-volume">‌</i></em></div></div><div><h5 class="mb-1">Phone</h5><p>00 (123) 456 78 90&nbsp;<br>00 (987) 654 32 10</p></div></div><div class="d-flex flex-row"><div><div class="icon text-primary fs-28 me-4 mt-n1"><em><i class="uil uil-envelope">‌</i></em></div></div><div><h5 class="mb-1">E-mail</h5><p class="mb-0"><a class="text-body" href="mailto:sandbox@email.com">sandbox@email.com</a></p><p><a class="text-body" href="mailto:help@sandbox.com">help@sandbox.com</a></p></div></div> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xl-10 mx-auto"><div class="card"><div class="row gx-0"><div class="col-lg-6 align-self-stretch"><div class="map map-full rounded-top rounded-lg-start"><iframe style="border:0;height:100%;width:100%;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d25387.23478654725!2d-122.06115399490332!3d37.309248660190086!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808fb4571bd377ab%3A0x394d3fe1a3e178b4!2sCupertino%2C%20CA%2C%20USA!5e0!3m2!1sen!2str!4v1645437305701!5m2!1sen!2str" allowfullscreen=""></iframe></div></div><div class="col-lg-6"><div class="p-10 p-md-11 p-lg-14"><div class="d-flex flex-row"><div><div class="icon text-primary fs-28 me-4 mt-n1"><em><i class="uil uil-location-pin-alt">‌</i></em></div></div><div class="align-self-start justify-content-start"><h5 class="mb-1">Address</h5><address><p>Moonshine St. 14/05 Light City, London, United Kingdom</p></address></div></div><div class="d-flex flex-row"><div><div class="icon text-primary fs-28 me-4 mt-n1"><em><i class="uil uil-phone-volume">‌</i></em></div></div><div><h5 class="mb-1">Phone</h5><p>00 (123) 456 78 90&nbsp;<br>00 (987) 654 32 10</p></div></div><div class="d-flex flex-row"><div><div class="icon text-primary fs-28 me-4 mt-n1"><em><i class="uil uil-envelope">‌</i></em></div></div><div><h5 class="mb-1">E-mail</h5><p class="mb-0"><a class="link-body" href="mailto:sandbox@email.com">sandbox@email.com</a></p><p class="mb-0"><a class="link-body" href="mailto:help@sandbox.com">help@sandbox.com</a></p></div></div></div></div></div></div></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-md-9 col-lg-7 col-xl-7 mx-auto text-center"><img class="svg-inject icon-svg icon-svg-md mb-4" src="/sites/default/files/img/icons/lineal/puzzle-2.svg" alt="" /><h2 class="display-4 mb-3">Join Our Community</h2><p class="lead fs-lg mb-6 px-xl-10 px-xxl-15">We are trusted by over 5000+ clients. Join them by using our services and grow your business.</p></div></div> </div> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-md-6 col-lg-5 col-xl-4 mx-auto"><div class="simplenews-subscriptions-block-39d6d8a9-3f73-46f6-9cb5-8b27e8f6eac4 simplenews-subscriber-form block block-simplenews block-simplenews-subscription-block clearfix" data-drupal-selector="simplenews-subscriptions-block-39d6d8a9-3f73-46f6-9cb5-8b27e8f6eac4" id="block-simplenewssubscription"> <div class="block-inner"> <form action="/index.php/rss.xml" method="post" id="simplenews-subscriptions-block-39d6d8a9-3f73-46f6-9cb5-8b27e8f6eac4" accept-charset="UTF-8"> <div class="field--type-email field--name-mail field--widget-email-default js-form-wrapper form-wrapper mb-3" data-drupal-selector="edit-mail-wrapper" id="edit-mail-wrapper"> <div class="js-form-item js-form-type-email form-type-email js-form-item-mail-0-value form-item-mail-0-value mb-4"> <label for="edit-mail-0-value" class="js-form-required form-required">Email</label> <input data-drupal-selector="edit-mail-0-value" aria-describedby="edit-mail-0-value--description" type="email" id="edit-mail-0-value" name="mail[0][value]" value="" size="60" maxlength="254" placeholder="" class="form-email required form-control" required="required" aria-required="true" /> <small id="edit-mail-0-value--description" class="description text-muted"> The subscriber's email address. </small> </div> </div> <div class="field--type-simplenews-subscription field--name-subscriptions field--widget-simplenews-subscription-select js-form-wrapper form-wrapper mb-3" data-drupal-selector="edit-subscriptions-wrapper" id="edit-subscriptions-wrapper"></div> <div id="edit-message" class="js-form-item js-form-type-item form-type-item js-form-item-message form-item-message form-no-label mb-4"> Stay informed - subscribe to our newsletter. </div> <input autocomplete="off" data-drupal-selector="form-mgruoww8-lbxcalobfqhun8judzri6mfv5t1-w1nddm" type="hidden" name="form_build_id" value="form-MgRuOww8-lBxCalobfQhUn8jUDZRi6MFv5t1-W1NDDM" class="form-control" /> <input data-drupal-selector="edit-simplenews-subscriptions-block-39d6d8a9-3f73-46f6-9cb5-8b27e8f6eac4" type="hidden" name="form_id" value="simplenews_subscriptions_block_39d6d8a9-3f73-46f6-9cb5-8b27e8f6eac4" class="form-control" /> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper mb-3" id="edit-actions"><input data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="Subscribe" class="button button--primary js-form-submit form-submit btn btn-primary form-control" /> </div> </form> </div> </div></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-card card shadow-lg paragraph--view-mode--default" > <div class="row gx-0"> <div class="col-lg-6 image-wrapper bg-image bg-cover rounded-top rounded-start" data-image-src="/sites/default/files/img/photos/tm1.jpg"></div> <div class="col-lg-6"> <div class="card-body p-10 p-md-11 p-lg-13"> <h2 class="display-4 mb-3">Let’s Talk</h2><p class="lead fs-lg">Let's make something great together. We are trusted by over 5000+ clients. Join them by using our services and grow your business.</p><p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p><p><a class="btn btn-primary rounded-pill mt-2" href="#">Join Us</a></p> </div> </div> </div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-card card bg-soft-primary paragraph--view-mode--default" > <div class="card-body p-12"> <div class="row gx-md-8 gx-xl-12 gy-10"><div class="col-lg-6"><img class="svg-inject icon-svg icon-svg-sm mb-4" src="/sites/default/files/img/icons/lineal/email.svg" alt="" /><h2 class="display-4 mb-3 pe-lg-10">If you like what you see, let's work together.</h2><p class="lead pe-lg-12 mb-0">I bring rapid solutions to make the life of my clients easier. Have any questions? Reach out to me from this contact form and I will get back to you shortly.</p></div><div class="col-lg-6"><div class="contact-message-feedback-form contact-message-form contact-form block block-contact-block clearfix" data-user-info-from-browser="" data-drupal-selector="contact-message-feedback-form" id="block-contactblock"> <div class="block-inner"> <form action="/index.php/rss.xml" method="post" id="contact-message-feedback-form" accept-charset="UTF-8"> <div class="js-form-item js-form-type-textfield form-type-textfield js-form-item-name form-item-name mb-4"> <label for="edit-name" class="js-form-required form-required">Your name</label> <input data-drupal-selector="edit-name" type="text" id="edit-name" name="name" value="" size="60" maxlength="255" class="required form-control" required="required" aria-required="true" /></div> <input autocomplete="off" data-drupal-selector="form-sjwglp3r0vhlcnpoxogbgs9x50zl5dqq2rou1tyu4co" type="hidden" name="form_build_id" value="form-sJWGLp3R0VhlcnPOXogbgS9x50zl5dqQ2rou1tYu4co" class="form-control" /><input data-drupal-selector="edit-contact-message-feedback-form" type="hidden" name="form_id" value="contact_message_feedback_form" class="form-control" /><div class="js-form-item js-form-type-email form-type-email js-form-item-mail form-item-mail mb-4"> <label for="edit-mail" class="js-form-required form-required">Your email address</label> <input data-drupal-selector="edit-mail" type="email" id="edit-mail" name="mail" value="" size="60" maxlength="254" class="form-email required form-control" required="required" aria-required="true" /></div> <div class="field--type-string-long field--name-message field--widget-string-textarea js-form-wrapper form-wrapper mb-3" data-drupal-selector="edit-message-wrapper" id="edit-message-wrapper"> <div class="js-form-item js-form-type-textarea form-type-textarea js-form-item-message-0-value form-item-message-0-value mb-4"> <label for="edit-message-0-value" class="js-form-required form-required">Message</label> <div class="form-textarea-wrapper"> <textarea class="js-text-full text-full form-textarea required form-control resize-vertical" data-drupal-selector="edit-message-0-value" id="edit-message-0-value" name="message[0][value]" rows="5" cols="60" placeholder="" required="required" aria-required="true"></textarea></div> </div> </div> <div class="field--type-language field--name-langcode field--widget-language-select js-form-wrapper form-wrapper mb-3" data-drupal-selector="edit-langcode-wrapper" id="edit-langcode-wrapper"> </div> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper mb-3" id="edit-actions"><input data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="Send message" class="button button--primary js-form-submit form-submit btn btn-primary form-control" /></div> </form> </div> </div> </div></div> </div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-center" > <div class="container space-lg pb-13 pb-md-15 pb-lg-0"> <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-6"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xl-10 position-relative d-none d-lg-block"><div class="shape rounded-circle bg-soft-primary rellax w-21 h-21" style="left:2rem;top:8rem;" data-rellax-speed="1"> </div><figure class="ps-xxl-10"><img src="/sites/default/files/img/photos/woman.png" alt="" srcset="/sites/default/files/img/photos/woman@2x.png 2x" sizes="100vw" /></figure></div></div> </div> </div> <div class="col-lg-6"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <h2 class="display-4 mb-3">Get in Touch</h2><p class="lead mb-8 pe-xl-10">Have any questions? Reach out to us from our contact form and we will get back to you shortly.</p><p><div class="contact-message-feedback-form contact-message-form contact-form block block-contact-block clearfix" data-user-info-from-browser data-drupal-selector="contact-message-feedback-form" id="block-contactblock"> <div class="block-inner"> <form action="/index.php/rss.xml" method="post" id="contact-message-feedback-form" accept-charset="UTF-8"> <div class="js-form-item js-form-type-textfield form-type-textfield js-form-item-name form-item-name mb-4"> <label for="edit-name" class="js-form-required form-required">Your name</label> <input data-drupal-selector="edit-name" type="text" id="edit-name" name="name" value="" size="60" maxlength="255" class="required form-control" required="required" aria-required="true" /> </div> <input autocomplete="off" data-drupal-selector="form-sjwglp3r0vhlcnpoxogbgs9x50zl5dqq2rou1tyu4co" type="hidden" name="form_build_id" value="form-sJWGLp3R0VhlcnPOXogbgS9x50zl5dqQ2rou1tYu4co" class="form-control" /> <input data-drupal-selector="edit-contact-message-feedback-form" type="hidden" name="form_id" value="contact_message_feedback_form" class="form-control" /> <div class="js-form-item js-form-type-email form-type-email js-form-item-mail form-item-mail mb-4"> <label for="edit-mail" class="js-form-required form-required">Your email address</label> <input data-drupal-selector="edit-mail" type="email" id="edit-mail" name="mail" value="" size="60" maxlength="254" class="form-email required form-control" required="required" aria-required="true" /> </div> <div class="field--type-string-long field--name-message field--widget-string-textarea js-form-wrapper form-wrapper mb-3" data-drupal-selector="edit-message-wrapper" id="edit-message-wrapper"> <div class="js-form-item js-form-type-textarea form-type-textarea js-form-item-message-0-value form-item-message-0-value mb-4"> <label for="edit-message-0-value" class="js-form-required form-required">Message</label> <div class="form-textarea-wrapper"> <textarea class="js-text-full text-full form-textarea required form-control resize-vertical" data-drupal-selector="edit-message-0-value" id="edit-message-0-value" name="message[0][value]" rows="5" cols="60" placeholder="" required="required" aria-required="true"></textarea> </div> </div> </div> <div class="field--type-language field--name-langcode field--widget-language-select js-form-wrapper form-wrapper mb-3" data-drupal-selector="edit-langcode-wrapper" id="edit-langcode-wrapper"> </div> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper mb-3" id="edit-actions"><input data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="Send message" class="button button--primary js-form-submit form-submit btn btn-primary form-control" /> </div> </form> </div> </div></p> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section-image-bg wrapper image-wrapper bg-image bg-overlay paragraph--view-mode--default" data-image-src="/sites/default/files/img/photos/bg36.jpg" > <div class="container space-lg"> <div class="mb-12 mb-md-14"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xl-9 mx-auto"><div class="card border-0 bg-white-900"><div class="card-body py-lg-13 px-lg-16"><h2 class="display-5 mb-3 text-center">Request Photography Pricing</h2><p class="lead fs-lg text-center mb-10">For more information please get in touch using the form below:</p><p><div class="contact-message-feedback-form contact-message-form contact-form block block-contact-block clearfix" data-user-info-from-browser data-drupal-selector="contact-message-feedback-form" id="block-contactblock"> <div class="block-inner"> <form action="/index.php/rss.xml" method="post" id="contact-message-feedback-form" accept-charset="UTF-8"> <div class="js-form-item js-form-type-textfield form-type-textfield js-form-item-name form-item-name mb-4"> <label for="edit-name" class="js-form-required form-required">Your name</label> <input data-drupal-selector="edit-name" type="text" id="edit-name" name="name" value="" size="60" maxlength="255" class="required form-control" required="required" aria-required="true" /> </div> <input autocomplete="off" data-drupal-selector="form-sjwglp3r0vhlcnpoxogbgs9x50zl5dqq2rou1tyu4co" type="hidden" name="form_build_id" value="form-sJWGLp3R0VhlcnPOXogbgS9x50zl5dqQ2rou1tYu4co" class="form-control" /> <input data-drupal-selector="edit-contact-message-feedback-form" type="hidden" name="form_id" value="contact_message_feedback_form" class="form-control" /> <div class="js-form-item js-form-type-email form-type-email js-form-item-mail form-item-mail mb-4"> <label for="edit-mail" class="js-form-required form-required">Your email address</label> <input data-drupal-selector="edit-mail" type="email" id="edit-mail" name="mail" value="" size="60" maxlength="254" class="form-email required form-control" required="required" aria-required="true" /> </div> <div class="field--type-string-long field--name-message field--widget-string-textarea js-form-wrapper form-wrapper mb-3" data-drupal-selector="edit-message-wrapper" id="edit-message-wrapper"> <div class="js-form-item js-form-type-textarea form-type-textarea js-form-item-message-0-value form-item-message-0-value mb-4"> <label for="edit-message-0-value" class="js-form-required form-required">Message</label> <div class="form-textarea-wrapper"> <textarea class="js-text-full text-full form-textarea required form-control resize-vertical" data-drupal-selector="edit-message-0-value" id="edit-message-0-value" name="message[0][value]" rows="5" cols="60" placeholder="" required="required" aria-required="true"></textarea> </div> </div> </div> <div class="field--type-language field--name-langcode field--widget-language-select js-form-wrapper form-wrapper mb-3" data-drupal-selector="edit-langcode-wrapper" id="edit-langcode-wrapper"> </div> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper mb-3" id="edit-actions"><input data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="Send message" class="button button--primary js-form-submit form-submit btn btn-primary form-control" /> </div> </form> </div> </div>&nbsp;</p></div></div></div></div> </div> </div> </div> </div> </div> </section> Thu, 06 Jul 2023 03:58:57 +0000 devraj 86 at https://www.ivagus.com https://www.ivagus.com/index.php/blocks-blog <span class="field field--name-title field--type-string field--label-hidden">Blocks Blog</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><a title="View user profile." href="/index.php/user-profile/devraj" class="username">devraj</a></span> <span class="field field--name-created field--type-created field--label-hidden"><time datetime="2023-07-06T03:20:46+00:00" title="Thursday, July 6, 2023 - 03:20" class="datetime">Thu, 07/06/2023 - 03:20</time> </span> <div class="field field--name-field-mainmenu-transparent field--type-boolean field--label-hidden field--item">Off</div> <div class="field field--name-field-mainmenu-absolute field--type-boolean field--label-hidden field--item">Off</div> <section class="paragraph paragraph--type--paragraph-section wrapper bg-soft-primary text-center paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-md"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-md-9 col-lg-7 col-xl-5 mx-auto"><h1 class="display-1 mb-3">Blocks - Blog</h1><p class="lead px-xxl-10">Copy any custom paragraph block below and use it on your page to build your website easily.</p></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <h2 class="display-4 mb-3 text-center">Our Journal</h2><p class="lead fs-lg mb-10 text-center px-md-16 px-lg-21 px-xl-0">Here are the latest company news from our blog that got the most attention.</p> </div> <div class="paragraph paragraph--type--paragraph-views-reference paragraph--view-mode--default"> <drupal-render-placeholder callback="Drupal\viewsreference\Plugin\Field\FieldFormatter\ViewsReferenceFieldFormatter::lazyBuilder" arguments="0=blog_lists&amp;1=block_5&amp;2=a%3A5%3A%7Bs%3A5%3A%22title%22%3BN%3Bs%3A5%3A%22pager%22%3BN%3Bs%3A6%3A%22offset%22%3BN%3Bs%3A8%3A%22argument%22%3BN%3Bs%3A5%3A%22limit%22%3BN%3B%7D&amp;3=a%3A0%3A%7B%7D&amp;4=1&amp;5=paragraph&amp;6=1640&amp;7=field_paragraph_views_reference" token="dvvvCW5WG-CUYaiOqp1IsrshqhDFEU-lGFEY4WfdOQU"></drupal-render-placeholder> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-4"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <h2 class="display-4 mt-lg-2 mb-3">Our Journal</h2><p class="lead fs-lg mb-6 pe-xxl-5">Here are the latest news from our blog that got the most attention.</p><p><a class="btn btn-soft-primary rounded-pill" href="#">View All News</a></p> </div> </div> <div class="col-lg-8"> <div class="paragraph paragraph--type--paragraph-views-reference paragraph--view-mode--default"> <drupal-render-placeholder callback="Drupal\viewsreference\Plugin\Field\FieldFormatter\ViewsReferenceFieldFormatter::lazyBuilder" arguments="0=blog_lists&amp;1=block_7&amp;2=a%3A5%3A%7Bs%3A5%3A%22title%22%3BN%3Bs%3A5%3A%22pager%22%3BN%3Bs%3A6%3A%22offset%22%3BN%3Bs%3A8%3A%22argument%22%3BN%3Bs%3A5%3A%22limit%22%3BN%3B%7D&amp;3=a%3A0%3A%7B%7D&amp;4=1&amp;5=paragraph&amp;6=1643&amp;7=field_paragraph_views_reference" token="USQykS7X7c5YMO-_PFACcj-pLXgqV_fxe3irOtJ9H0k"></drupal-render-placeholder> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-lg-9 col-xl-8 col-xxl-7 mx-auto"><h2 class="fs-15 text-uppercase text-primary text-center">Our News</h2><h3 class="display-4 mb-6 text-center">Here are the latest company news from our blog that got the most attention.</h3></div></div> </div> <div class="paragraph paragraph--type--paragraph-views-reference paragraph--view-mode--default"> <drupal-render-placeholder callback="Drupal\viewsreference\Plugin\Field\FieldFormatter\ViewsReferenceFieldFormatter::lazyBuilder" arguments="0=blog_lists&amp;1=block_8&amp;2=a%3A5%3A%7Bs%3A5%3A%22title%22%3BN%3Bs%3A5%3A%22pager%22%3BN%3Bs%3A6%3A%22offset%22%3BN%3Bs%3A8%3A%22argument%22%3BN%3Bs%3A5%3A%22limit%22%3BN%3B%7D&amp;3=a%3A0%3A%7B%7D&amp;4=1&amp;5=paragraph&amp;6=1646&amp;7=field_paragraph_views_reference" token="YhlN6N0oyaWJHRz3wPCBr0nx_ztORcPhsmls7e5PncA"></drupal-render-placeholder> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border overflow-hidden paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-xl-7 col-xxl-6 mx-auto text-center"><p><em><i class="icn-flower text-primary fs-30 opacity-25">‌</i></em></p><h2 class="display-5 text-center mt-2 mb-10">Here are the latest posts from my blog that grabbed the most attention.</h2></div></div> </div> <div class="paragraph paragraph--type--paragraph-views-reference paragraph--view-mode--default"> <drupal-render-placeholder callback="Drupal\viewsreference\Plugin\Field\FieldFormatter\ViewsReferenceFieldFormatter::lazyBuilder" arguments="0=blog_lists&amp;1=block_9&amp;2=a%3A5%3A%7Bs%3A5%3A%22title%22%3BN%3Bs%3A5%3A%22pager%22%3BN%3Bs%3A6%3A%22offset%22%3BN%3Bs%3A8%3A%22argument%22%3BN%3Bs%3A5%3A%22limit%22%3BN%3B%7D&amp;3=a%3A0%3A%7B%7D&amp;4=1&amp;5=paragraph&amp;6=1649&amp;7=field_paragraph_views_reference" token="Q88DpF-gkg0-aF-qtSHxsVR39CQ-EtsD_NI65uHlS6I"></drupal-render-placeholder> </div> </div> </div> </div> </section> Thu, 06 Jul 2023 03:20:46 +0000 devraj 85 at https://www.ivagus.com https://www.ivagus.com/index.php/blocks-features <span class="field field--name-title field--type-string field--label-hidden">Blocks Features</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><a title="View user profile." href="/index.php/user-profile/devraj" class="username">devraj</a></span> <span class="field field--name-created field--type-created field--label-hidden"><time datetime="2023-07-05T07:40:55+00:00" title="Wednesday, July 5, 2023 - 07:40" class="datetime">Wed, 07/05/2023 - 07:40</time> </span> <div class="field field--name-field-mainmenu-transparent field--type-boolean field--label-hidden field--item">Off</div> <div class="field field--name-field-mainmenu-absolute field--type-boolean field--label-hidden field--item">Off</div> <section class="paragraph paragraph--type--paragraph-section wrapper bg-soft-primary text-center paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-md"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-md-9 col-lg-7 col-xl-5 mx-auto"><h1 class="display-1 mb-3">Blocks - Features</h1><p class="lead px-xxl-10">Copy any custom paragraph block below and use it on your page to build your website easily.</p></div></div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light paragraph--view-mode--default" data-content-align="align-items-center" > <div class="container space-lg"> <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-6"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="position-relative"><div class="shape bg-line leaf rounded-circle rellax w-17 h-17" style="right:-0.6rem;top:-2rem;" data-rellax-speed="1"> </div><div class="shape bg-pale-violet rounded-circle rellax w-17 h-17" style="bottom:-2rem;left:-0.4rem;" data-rellax-speed="1"> </div><figure class="rounded mb-0"><img src="/sites/default/files/img/photos/se3.jpg" alt="" srcset="/sites/default/files/img/photos/se3@2x.jpg 2x" sizes="100vw" /></figure></div> </div> </div> <div class="col-lg-6"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <h3 class="display-4 mb-4">Package Design</h3><p class="mb-5">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Maecenas faucibus mollis interdum. Maecenas sed diam eget risus varius.</p><div class="row gy-3"><div class="col-xl-6"><ul class="icon-list bullet-bg bullet-soft-leaf mb-0"><li><em><i class="uil uil-check"><span>‌</span></i></em><span>Aenean quam ornare curabitur blandit consectetur.</span></li><li class="mt-3"><em><i class="uil uil-check"><span>‌</span></i></em><span>Nullam quis risus eget urna mollis ornare aenean leo.</span></li></ul></div><div class="col-xl-6"><ul class="icon-list bullet-bg bullet-soft-leaf mb-0"><li><em><i class="uil uil-check"><span>‌</span></i></em><span>Etiam porta euismod malesuada mollis nisl ornare sem.</span></li><li class="mt-3"><em><i class="uil uil-check"><span>‌</span></i></em><span>Vivamus sagittis lacus augue rutrum maecenas.</span></li></ul></div></div><p><a class="btn btn-soft-leaf rounded-pill mt-6 mb-0" href="#">More Details</a></p> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border switch-column-mobile paragraph--view-mode--default" data-content-align="align-items-center" > <div class="container space-lg pt-0"> <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-6"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <h3 class="display-4 mb-4">Corporate Design</h3><p class="mb-5">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p><div class="row gy-3"><div class="col-xl-6"><ul class="icon-list bullet-bg bullet-soft-aqua mb-0"><li><em><i class="uil uil-check"><span>‌</span></i></em><span>Aenean quam ornare curabitur blandit consectetur.</span></li><li class="mt-3"><em><i class="uil uil-check"><span>‌</span></i></em><span>Nullam quis risus eget urna mollis ornare aenean leo.</span></li></ul></div><div class="col-xl-6"><ul class="icon-list bullet-bg bullet-soft-aqua mb-0"><li><em><i class="uil uil-check"><span>‌</span></i></em><span>Etiam porta euismod malesuada mollis nisl ornare sem.</span></li><li class="mt-3"><em><i class="uil uil-check"><span>‌</span></i></em><span>Vivamus sagittis lacus augue rutrum maecenas.</span></li></ul></div></div> </div> </div> <div class="col-lg-6"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="position-relative"><div class="shape bg-line aqua rounded-circle rellax w-17 h-17" style="left:-0.6rem;top:-2rem;" data-rellax-speed="1"> </div><div class="shape bg-pale-red rounded-circle rellax w-17 h-17" style="bottom:-2rem;right:-0.4rem;" data-rellax-speed="1"> </div><figure class="rounded mb-0"><img src="/sites/default/files/img/photos/se4.jpg" alt="" srcset="/sites/default/files/img/photos/se4@2x.jpg 2x" sizes="100vw" /></figure></div> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="region--top"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-lg-8 col-xl-7 col-xxl-6"><h2 class="fs-15 text-uppercase text-muted mb-3">What We Do?</h2><h3 class="display-4 mb-9">The service we offer is specifically designed to meet your needs.</h3></div></div> </div> </div> <div class="row gx-5 gy-5"> <div class="col-md-6 col-lg-3"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="icon btn btn-block btn-lg btn-soft-yellow pe-none mb-5"><em><i class="uil uil-phone-volume">‌</i></em></div><h4>24/7 Support</h4><p class="mb-3">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo.</p><p><a class="more hover link-yellow" href="#">Learn More</a></p> </div> </div> <div class="col-md-6 col-lg-3"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="icon btn btn-block btn-lg btn-soft-red pe-none mb-5"><em><i class="uil uil-shield-exclamation">‌</i></em></div><h4>Secure Payments</h4><p class="mb-3">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo.</p><p><a class="more hover link-red" href="#">Learn More</a></p> </div> </div> <div class="col-md-6 col-lg-3"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="icon btn btn-block btn-lg btn-soft-leaf pe-none mb-5"><em><i class="uil uil-laptop-cloud">‌</i></em></div><h4>Daily Updates</h4><p class="mb-3">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo.</p><p><a class="more hover link-leaf" href="#">Learn More</a></p> </div> </div> <div class="col-md-6 col-lg-3"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="icon btn btn-block btn-lg btn-soft-blue pe-none mb-5"><em><i class="uil uil-chart-line">‌</i></em></div><h4>Market Research</h4><p class="mb-3">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo.</p><p><a class="more hover link-blue" href="#">Learn More</a></p> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border text-center paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="region--top"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2"><h2 class="fs-15 text-uppercase text-muted mb-3">What We Do?</h2><h3 class="display-4 mb-10 px-xl-10">The service we offer is specifically designed to meet your needs.</h3></div></div> </div> </div> <div class="row gx-5 gy-5"> <div class="col-md-6 col-lg-3"> <div class="paragraph paragraph--type--paragraph-card card shadow-lg paragraph--view-mode--default" > <div class="card-body"> <img class="svg-inject icon-svg icon-svg-md text-yellow mb-3" src="/sites/default/files/img/icons/lineal/search-2.svg" alt="" /><h4>SEO Services</h4><p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus cras justo.</p><p><a class="more hover link-yellow" href="#">Learn More</a></p> </div> </div> </div> <div class="col-md-6 col-lg-3"> <div class="paragraph paragraph--type--paragraph-card card shadow-lg paragraph--view-mode--default" > <div class="card-body"> <img class="svg-inject icon-svg icon-svg-md text-red mb-3" src="/sites/default/files/img/icons/lineal/browser.svg" alt="" /><h4>Web Design</h4><p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus cras justo.</p><p><a class="more hover link-red" href="#">Learn More</a></p> </div> </div> </div> <div class="col-md-6 col-lg-3"> <div class="paragraph paragraph--type--paragraph-card card shadow-lg paragraph--view-mode--default" > <div class="card-body"> <img class="svg-inject icon-svg icon-svg-md text-green mb-3" src="/sites/default/files/img/icons/lineal/chat-2.svg" alt="" /><h4>Social Engagement</h4><p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus cras justo.</p><p><a class="more hover link-green" href="#">Learn More</a></p> </div> </div> </div> <div class="col-md-6 col-lg-3"> <div class="paragraph paragraph--type--paragraph-card card shadow-lg paragraph--view-mode--default" > <div class="card-body"> <img class="svg-inject icon-svg icon-svg-md text-blue mb-3" src="/sites/default/files/img/icons/lineal/megaphone.svg" alt="" /><h4>Content Marketing</h4><p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus cras justo.</p><p><a class="more hover link-blue" href="#">Learn More</a></p> </div> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border switch-column-mobile paragraph--view-mode--default" data-content-align="align-items-center" > <div class="container space-lg"> <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-5"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <h2 class="fs-15 text-uppercase text-muted mb-3">What We Do?</h2><h3 class="display-4 mb-5">The service we offer is specifically designed to meet your needs.</h3><p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p><p><a class="btn btn-navy rounded-pill mt-3" href="#">More Details</a></p> </div> </div> <div class="col-lg-7"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row gx-md-5 gy-5"><div class="col-md-5 offset-md-1 align-self-end"><div class="card bg-pale-yellow"><div class="card-body"><img class="svg-inject icon-svg icon-svg-md text-yellow mb-3" src="/sites/default/files/img/icons/lineal/telephone-3.svg" alt="" /><h4>24/7 Support</h4><p class="mb-0">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta.</p></div></div></div><div class="col-md-6 align-self-end"><div class="card bg-pale-red"><div class="card-body"><img class="svg-inject icon-svg icon-svg-md text-red mb-3" src="/sites/default/files/img/icons/lineal/shield.svg" alt="" /><h4>Secure Payments</h4><p class="mb-0">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta.</p></div></div></div><div class="col-md-5"><div class="card bg-pale-leaf"><div class="card-body"><img class="svg-inject icon-svg icon-svg-md text-leaf mb-3" src="/sites/default/files/img/icons/lineal/cloud-computing-3.svg" alt="" /><h4>Daily Updates</h4><p class="mb-0">Nulla vitae elit libero, a pharetra augue.</p></div></div></div><div class="col-md-6 align-self-start"><div class="card bg-pale-primary"><div class="card-body"><img class="svg-inject icon-svg icon-svg-md text-primary mb-3" src="/sites/default/files/img/icons/lineal/analytics.svg" alt="" /><h4>Market Research</h4><p class="mb-0">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget.</p></div></div></div></div> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-center" > <div class="container space-lg"> <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-6"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="position-relative"><div class="shape rounded bg-pale-red rellax d-md-block" style="height:60%;left:50%;top:50%;transform:translate(-50%,-50%);width:50%;z-index:0;" data-rellax-speed="0"> </div><div class="row gx-md-5 gy-5 position-relative"><div class="col-6"><img class="img-fluid rounded shadow-lg mb-5" src="/sites/default/files/img/photos/sa5.jpg" alt="" srcset="/sites/default/files/img/photos/sa5@2x.jpg 2x" sizes="100vw" /><img class="img-fluid rounded shadow-lg d-flex col-10 ms-auto" src="/sites/default/files/img/photos/sa6.jpg" alt="" srcset="/sites/default/files/img/photos/sa6@2x.jpg 2x" sizes="100vw" /></div><div class="col-6"><img class="img-fluid rounded shadow-lg my-5" src="/sites/default/files/img/photos/sa7.jpg" alt="" srcset="/sites/default/files/img/photos/sa7@2x.jpg 2x" sizes="100vw" /><img class="img-fluid rounded shadow-lg d-flex col-10" src="/sites/default/files/img/photos/sa8.jpg" alt="" srcset="/sites/default/files/img/photos/sa8@2x.jpg 2x" sizes="100vw" /></div></div></div> </div> </div> <div class="col-lg-6"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <h3 class="display-4 mb-5">We have considered our solutions to support every stage of growth.</h3><p class="mb-5">Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo.</p><div class="row gy-3"><div class="col-xl-6"><ul class="icon-list bullet-bg bullet-soft-red mb-0"><li><em><i class="uil uil-check"><span>‌</span></i></em><span>Aenean quam ornare curabitur blandit consectetur.</span></li><li class="mt-3"><em><i class="uil uil-check"><span>‌</span></i></em><span>Nullam quis risus eget urna mollis ornare aenean leo.</span></li></ul></div><div class="col-xl-6"><ul class="icon-list bullet-bg bullet-soft-red mb-0"><li><em><i class="uil uil-check"><span>‌</span></i></em><span>Etiam porta euismod malesuada mollis nisl ornare.</span></li><li class="mt-3"><em><i class="uil uil-check"><span>‌</span></i></em><span>Vivamus sagittis lacus augue rutrum maecenas odio.</span></li></ul></div></div> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-center" > <div class="container space-lg"> <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-5"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <h3 class="display-4 mb-5">We make your spending stress-free for you to have the perfect control.</h3><p class="mb-6">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p><div class="row gy-3"><div class="col-xl-6"><ul class="icon-list bullet-bg bullet-soft-primary mb-0"><li><em><i class="uil uil-check"><span>‌</span></i></em><span>Aenean quam ornare. Curabitur blandit.</span></li><li class="mt-3"><em><i class="uil uil-check"><span>‌</span></i></em><span>Nullam quis risus eget urna mollis ornare.</span></li></ul></div><div class="col-xl-6"><ul class="icon-list bullet-bg bullet-soft-primary mb-0"><li><em><i class="uil uil-check"><span>‌</span></i></em><span>Etiam porta euismod malesuada mollis.</span></li><li class="mt-3"><em><i class="uil uil-check"><span>‌</span></i></em><span>Vivamus sagittis lacus vel augue rutrum.</span></li></ul></div></div> </div> </div> <div class="col-lg-7"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <figure><img class="w-auto" src="/sites/default/files/img/illustrations/i7.png" alt="" srcset="/sites/default/files/img/illustrations/i7@2x.png 2x" sizes="100vw" /></figure> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border switch-column-mobile paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-6"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <h2 class="display-4 mb-3">What I Do?</h2><p class="lead fs-20 mb-5">Duis mollis est commodo luctus nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nullam quis risus eget urna mollis ornare vel. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl.</p> </div> </div> <div class="col-lg-6"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <ul class="progress-list"><li><p>Web Design</p><div class="progressbar line soft-violet" data-value="100">‌</div></li><li><p>Mobile Design</p><div class="progressbar line soft-blue" data-value="80">‌</div></li><li><p>Development</p><div class="progressbar line soft-leaf" data-value="85">‌</div></li><li><p>SEO</p><div class="progressbar line soft-pink" data-value="90">‌</div></li></ul> </div> </div> </div> <div class="region--bottom"> <div class="paragraph paragraph--type--paragraph-layout mt-10 paragraph--view-mode--default" > <div class="region--top"> </div> <div class="row gx-5 gy-5"> <div class="col-md-6 col-lg-3"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <img class="svg-inject icon-svg icon-svg-md text-violet mb-3" src="/sites/default/files/img/icons/lineal/browser.svg" alt="" /><h4>Web Design</h4><p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo cum sociis natoque magnis.</p> </div> </div> <div class="col-md-6 col-lg-3"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <img class="svg-inject icon-svg icon-svg-md text-blue mb-3" src="/sites/default/files/img/icons/lineal/smartphone.svg" alt="" /><h4>Mobile Design</h4><p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo cum sociis natoque magnis.</p> </div> </div> <div class="col-md-6 col-lg-3"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <img class="svg-inject icon-svg icon-svg-md text-leaf mb-3" src="/sites/default/files/img/icons/lineal/settings-3.svg" alt="" /><h4>Development</h4><p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo cum sociis natoque magnis.</p> </div> </div> <div class="col-md-6 col-lg-3"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <img class="svg-inject icon-svg icon-svg-md text-pink mb-3" src="/sites/default/files/img/icons/lineal/search-2.svg" alt="" /><h4>SEO</h4><p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo cum sociis natoque magnis.</p> </div> </div> </div> <div class="region--bottom"> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="region--top"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row text-center"><div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2"><h2 class="fs-15 text-uppercase text-muted mb-3">App Features</h2><h3 class="display-4 mb-9 px-xl-11">Sandbox is the only app you need to track your goals for better health.</h3></div></div> </div> </div> <div class="row gx-8 gy-8"> <div class="col-md-6 col-lg-4"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="d-flex flex-row"><div><img class="svg-inject icon-svg icon-svg-sm text-aqua me-4" src="/sites/default/files/img/icons/lineal/target.svg" alt="" /></div><div><h4 class="mb-1">Fitness Goal</h4><p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p></div></div> </div> </div> <div class="col-md-6 col-lg-4"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="d-flex flex-row"><div><img class="svg-inject icon-svg icon-svg-sm text-yellow me-4" src="/sites/default/files/img/icons/lineal/medal.svg" alt="" /></div><div><h4 class="mb-1">Activity Tracking</h4><p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p></div></div> </div> </div> <div class="col-md-6 col-lg-4"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="d-flex flex-row"><div><img class="svg-inject icon-svg icon-svg-sm text-red me-4" src="/sites/default/files/img/icons/lineal/clock-3.svg" alt="" /></div><div><h4 class="mb-1">Sleep Analysis</h4><p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p></div></div> </div> </div> </div> <div class="region--bottom"> <div class="paragraph paragraph--type--paragraph-layout mt-8 paragraph--view-mode--default" > <div class="region--top"> </div> <div class="row gx-8 gy-8"> <div class="col-md-6 col-lg-4"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="d-flex flex-row"><div><img class="svg-inject icon-svg icon-svg-sm text-pink me-4" src="/sites/default/files/img/icons/lineal/check.svg" alt="" /></div><div><h4 class="mb-1">Workout Report</h4><p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p></div></div> </div> </div> <div class="col-md-6 col-lg-4"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="d-flex flex-row"><div><img class="svg-inject icon-svg icon-svg-sm text-green me-4" src="/sites/default/files/img/icons/lineal/shop-2.svg" alt="" /></div><div><h4 class="mb-1">Nutritional Analysis</h4><p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p></div></div> </div> </div> <div class="col-md-6 col-lg-4"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="d-flex flex-row"><div><img class="svg-inject icon-svg icon-svg-sm text-purple me-4" src="/sites/default/files/img/icons/lineal/team.svg" alt="" /></div><div><h4 class="mb-1">Activity Sharing</h4><p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p></div></div> </div> </div> </div> <div class="region--bottom"> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-center" > <div class="container space-lg"> <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-6"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row g-6 text-center"><div class="col-md-6"><div class="row"><div class="col-lg-12"><figure class="rounded mb-6"><img src="/sites/default/files/img/photos/se1.jpg" alt="" srcset="/sites/default/files/img/photos/se1@2x.jpg 2x" sizes="100vw" /></figure></div><div class="col-lg-12"><div class="card"><div class="card-body"><div class="icon btn btn-circle btn-lg btn-soft-purple pe-none mb-3"> </div><h4>Web Design</h4><p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.</p><p><a class="more hover link-purple" href="#">Learn More</a></p></div></div></div></div></div><div class="col-md-6"><div class="row"><div class="col-lg-12 order-md-2"><figure class="rounded mb-6 mb-md-0"><img src="/sites/default/files/img/photos/se2.jpg" alt="" srcset="/sites/default/files/img/photos/se2@2x.jpg 2x" sizes="100vw" /></figure></div><div class="col-lg-12"><div class="card mb-md-6 mt-lg-6"><div class="card-body"><div class="icon btn btn-circle btn-lg btn-soft-purple pe-none mb-3"> </div><h4>Mobile Design</h4><p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.</p><p><a class="more hover link-purple" href="#">Learn More</a></p></div></div></div></div></div></div> </div> </div> <div class="col-lg-6"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-lg-10 offset-lg-2"><h2 class="display-4 mb-3">What We Do?</h2><p class="lead fs-lg">The full service we are offering is specifically designed to meet your business needs.</p><p>Donec ullamcorper nulla non metus auctor fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas faucibus mollis elit interdum. Duis mollis, est non commodo luctus, nisi erat ligula.</p><p><a class="btn btn-purple rounded-pill mt-3" href="#">More Details</a></p></div></div> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border switch-column-mobile paragraph--view-mode--default" data-content-align="align-items-center" > <div class="container space-lg"> <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-6"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <h2 class="display-4 mb-3">What We Do?</h2><p class="lead fs-lg mb-8 pe-xxl-2">The full service we are offering is <span class="underline">specifically</span> designed to meet your business needs and projects.</p><div class="row gx-xl-10 gy-6"><div class="col-md-6 col-lg-12 col-xl-6"><div class="d-flex flex-row"><div><div class="icon btn btn-circle btn-lg btn-soft-primary pe-none me-5"><em><i class="uil uil-phone-volume">‌</i></em></div></div><div><h4 class="mb-1">24/7 Support</h4><p class="mb-0">Nulla vitae elit libero pharetra augue dapibus.</p></div></div></div><div class="col-md-6 col-lg-12 col-xl-6"><div class="d-flex flex-row"><div><div class="icon btn btn-circle btn-lg btn-soft-primary pe-none me-5"><em><i class="uil uil-shield-exclamation">‌</i></em></div></div><div><h4 class="mb-1">Secure Payments</h4><p class="mb-0">Vivamus sagittis lacus augue laoreet vel.</p></div></div></div><div class="col-md-6 col-lg-12 col-xl-6"><div class="d-flex flex-row"><div><div class="icon btn btn-circle btn-lg btn-soft-primary pe-none me-5"><em><i class="uil uil-laptop-cloud">‌</i></em></div></div><div><h4 class="mb-1">Daily Updates</h4><p class="mb-0">Cras mattis consectetur purus sit amet.</p></div></div></div><div class="col-md-6 col-lg-12 col-xl-6"><div class="d-flex flex-row"><div><div class="icon btn btn-circle btn-lg btn-soft-primary pe-none me-5"><em><i class="uil uil-chart-line">‌</i></em></div></div><div><h4 class="mb-1">Market Research</h4><p class="mb-0">Aenean lacinia bibendum nulla sed consectetur.</p></div></div></div></div> </div> </div> <div class="col-lg-6"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row gx-md-5 gy-5"><div class="col-md-4 offset-md-2 align-self-end"><figure class="rounded"><img src="/sites/default/files/img/photos/g1.jpg" alt="" srcset="/sites/default/files/img/photos/g1@2x.jpg 2x" sizes="100vw" /></figure></div><div class="col-md-6 align-self-end"><figure class="rounded"><img src="/sites/default/files/img/photos/g2.jpg" alt="" srcset="/sites/default/files/img/photos/g2@2x.jpg 2x" sizes="100vw" /></figure></div><div class="col-md-6 offset-md-1"><figure class="rounded"><img src="/sites/default/files/img/photos/g3.jpg" alt="" srcset="/sites/default/files/img/photos/g3@2x.jpg 2x" sizes="100vw" /></figure></div><div class="col-md-4 align-self-start"><figure class="rounded"><img src="/sites/default/files/img/photos/g4.jpg" alt="" srcset="/sites/default/files/img/photos/g4@2x.jpg 2x" sizes="100vw" /></figure></div></div> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="row"> <div class="col-12"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2 mx-auto text-center"><h2 class="fs-15 text-uppercase text-muted mb-3">Why Choose Sandbox?</h2><h3 class="display-4 mb-10 px-xl-10 px-xxl-15">Here are a few reasons why our customers choose Sandbox.</h3></div></div> </div> <div class="paragraph paragraph--type--from-library paragraph--view-mode--default"> <div class="field field--name-paragraphs field--type-entity-reference-revisions field--label-hidden field--item"> <div class="paragraph paragraph--type--paragraph-tabs paragraph--view-mode--default tabs-container tabs--" data-content-align="" > <ul class="tabs nav nav-tabs nav-tabs-bg nav-tabs-shadow-lg d-flex justify-content-between nav-justified flex-lg-row flex-column"> <li class="nav-link active"> <div class="tab__title "> <div class="d-flex flex-row"><div><img src="/sites/default/files/img/illustrations/ni7.png" class="w-13 me-5" alt="" /></div> <div> <h3 class="mb-2">Easy Usage</h3> <p>Duis mollis commodo luctus cursus commodo tortor.</p> </div></div> </div> <div class="tab__content"> <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center"><div class="col-lg-6"><div class="row gx-md-5 gy-5 align-items-center"><div class="col-6"><img class="img-fluid rounded shadow-lg d-flex ms-auto" src="/sites/default/files/img/photos/sa13.jpg" alt="" srcset="/sites/default/files/img/photos/sa13@2x.jpg 2x" sizes="100vw" /></div><div class="col-6"><img class="img-fluid rounded shadow-lg mb-5" src="/sites/default/files/img/photos/sa14.jpg" alt="" srcset="/sites/default/files/img/photos/sa14@2x.jpg 2x" sizes="100vw" /><img class="img-fluid rounded shadow-lg d-flex col-10" src="/sites/default/files/img/photos/sa15.jpg" alt="" srcset="/sites/default/files/img/photos/sa15@2x.jpg 2x" sizes="100vw" /></div></div></div><div class="col-lg-6"><h2 class="mb-3">Easy Usage</h2><p>Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna.</p><ul class="icon-list bullet-bg bullet-soft-primary"><li><em><i class="uil uil-check">‌</i></em>Aenean eu leo quam. Pellentesque ornare.</li><li><em><i class="uil uil-check">‌</i></em>Nullam quis risus eget urna mollis ornare.</li><li><em><i class="uil uil-check">‌</i></em>Donec id elit non mi porta gravida at eget.</li></ul><p><a class="btn btn-primary mt-2" href="#">Learn More</a></p></div></div> </div> </li> <li class="nav-link"> <div class="tab__title "> <div class="d-flex flex-row"><div><img src="/sites/default/files/img/illustrations/ni8.png" class="w-13 me-5" alt="" /></div> <div> <h3 class="mb-2">Fast Transactions</h3> <p>Vivamus sagittis lacus augue fusce dapibus tellus nibh.</p> </div></div> </div> <div class="tab__content"> <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center"><div class="col-lg-6 order-lg-2"><div class="row gx-md-5 gy-5"><div class="col-5"><img class="img-fluid rounded shadow-lg my-5 d-flex ms-auto" src="/sites/default/files/img/photos/sa9.jpg" alt="" srcset="/sites/default/files/img/photos/sa9@2x.jpg 2x" sizes="100vw" /><img class="img-fluid rounded shadow-lg d-flex col-10 ms-auto" src="/sites/default/files/img/photos/sa10.jpg" alt="" srcset="/sites/default/files/img/photos/sa10@2x.jpg 2x" sizes="100vw" /></div><div class="col-7"><img class="img-fluid rounded shadow-lg mb-5" src="/sites/default/files/img/photos/sa11.jpg" alt="" srcset="/sites/default/files/img/photos/sa11@2x.jpg 2x" sizes="100vw" /><img class="img-fluid rounded shadow-lg d-flex col-11" src="/sites/default/files/img/photos/sa12.jpg" alt="" srcset="/sites/default/files/img/photos/sa12@2x.jpg 2x" sizes="100vw" /></div></div></div><div class="col-lg-6"><h2 class="mb-3">Fast Transactions</h2><p>Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna.</p><ul class="icon-list bullet-bg bullet-soft-primary"><li><em><i class="uil uil-check">‌</i></em>Aenean eu leo quam. Pellentesque ornare.</li><li><em><i class="uil uil-check">‌</i></em>Nullam quis risus eget urna mollis ornare.</li><li><em><i class="uil uil-check">‌</i></em>Donec id elit non mi porta gravida at eget.</li></ul><p><a class="btn btn-primary mt-2" href="#">Learn More</a></p></div></div> </div> </li> <li class="nav-link"> <div class="tab__title "> <div class="d-flex flex-row"> <div><img src="/sites/default/files/img/illustrations/ni9.png" class="w-13 me-5" alt="" /></div> <div> <h3 class="mb-2">Secure Payments</h3> <p>Vestibulum ligula porta felis maecenas faucibus mollis.</p> </div> </div> </div> <div class="tab__content"> <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center"><div class="col-lg-6"><div class="row gx-md-5 gy-5"><div class="col-6"><img class="img-fluid rounded shadow-lg mb-5" src="/sites/default/files/img/photos/sa5.jpg" alt="" srcset="/sites/default/files/img/photos/sa5@2x.jpg 2x" sizes="100vw" /><img class="img-fluid rounded shadow-lg d-flex col-10 ms-auto" src="/sites/default/files/img/photos/sa6.jpg" alt="" srcset="/sites/default/files/img/photos/sa6@2x.jpg 2x" sizes="100vw" /></div><div class="col-6"><img class="img-fluid rounded shadow-lg my-5" src="/sites/default/files/img/photos/sa7.jpg" alt="" srcset="/sites/default/files/img/photos/sa7@2x.jpg 2x" sizes="100vw" /><img class="img-fluid rounded shadow-lg d-flex col-10" src="/sites/default/files/img/photos/sa8.jpg" alt="" srcset="/sites/default/files/img/photos/sa8@2x.jpg 2x" sizes="100vw" /></div></div></div><div class="col-lg-6"><h2 class="mb-3">Secure Payments</h2><p>Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam quis risus eget urna.</p><ul class="icon-list bullet-bg bullet-soft-primary"><li><em><i class="uil uil-check">‌</i></em>Aenean eu leo quam. Pellentesque ornare.</li><li><em><i class="uil uil-check">‌</i></em>Nullam quis risus eget urna mollis ornare.</li><li><em><i class="uil uil-check">‌</i></em>Donec id elit non mi porta gravida at eget.</li></ul><p><a class="btn btn-primary mt-2" href="#">Learn More</a></p></div></div> </div> </li> </ul> </div> </div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="region--top"> </div> <div class="row gx-8 gy-8"> <div class="col-md-6 col-lg-4"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="d-flex flex-row"><div><div class="icon btn btn-circle pe-none btn-primary me-4"><em><i class="uil uil-phone-volume">‌</i></em></div></div><div><h4>24/7 Support</h4><p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget. Fusce dapibus tellus.</p><p><a class="more hover" href="#">Learn More</a></p></div></div> </div> </div> <div class="col-md-6 col-lg-4"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="d-flex flex-row"><div><div class="icon btn btn-circle pe-none btn-primary me-4"><em><i class="uil uil-laptop-cloud">‌</i></em></div></div><div><h4>Daily Updates</h4><p class="mb-2">Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet. Sed posuere consectetur.</p><p><a class="more hover" href="#">Learn More</a></p></div></div> </div> </div> <div class="col-md-6 col-lg-4"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="d-flex flex-row"><div><div class="icon btn btn-circle pe-none btn-primary me-4"><em><i class="uil uil-chart-line">‌</i></em></div></div><div><h4>Market Research</h4><p class="mb-2">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna scelerisque.</p><p><a class="more hover" href="#">Learn More</a></p></div></div> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="region--top"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row text-center"><div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2"><h2 class="fs-16 text-uppercase text-primary mb-3">What We Do?</h2><h3 class="display-3 mb-10 px-xxl-10">The service we offer is specifically designed to meet your needs.</h3></div></div> </div> </div> <div class="row gx-8 gy-8"> <div class="col-md-6 col-lg-4"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="px-md-15 px-lg-3"><figure class="mb-6"><img class="img-fluid" src="/sites/default/files/img/illustrations/i24.png" alt="" srcset="/sites/default/files/img/illustrations/i24@2x.png 2x" sizes="100vw" /></figure><h3>Web Design</h3><p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget. Fusce dapibus tellus.</p><p><a class="more hover" href="#">Learn More</a></p></div> </div> </div> <div class="col-md-6 col-lg-4"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="px-md-15 px-lg-3"><figure class="mb-6"><img class="img-fluid" src="/sites/default/files/img/illustrations/i19.png" alt="" srcset="/sites/default/files/img/illustrations/i19@2x.png 2x" sizes="100vw" /></figure><h3>Graphic Design</h3><p class="mb-2">Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet. Sed posuere consectetur.</p><p><a class="more hover" href="#">Learn More</a></p></div> </div> </div> <div class="col-md-6 col-lg-4"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="px-md-15 px-lg-3"><figure class="mb-6"><img class="img-fluid" src="/sites/default/files/img/illustrations/i18.png" alt="" srcset="/sites/default/files/img/illustrations/i18@2x.png 2x" sizes="100vw" /></figure><h3>3D Animation</h3><p class="mb-2">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna scelerisque.</p><p><a class="more hover" href="#">Learn More</a></p></div> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="region--top"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-lg-12 col-xl-10 col-xxl-8 mx-auto text-center"><h2 class="display-5 text-center mt-2 mb-10">I absolutely love shooting weddings and couples because there are so many feelings to capture.</h2></div></div> </div> </div> <div class="row gx-8 gy-8"> <div class="col-md-6 col-lg-4"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="card shadow-lg"><figure class="card-img-top overlay overlay-1"><a href="#"><img class="img-fluid" src="/sites/default/files/img/photos/fs1.jpg" alt="" /></a><h5 class="from-top mb-0">View Gallery</h5></figure><div class="card-body p-6"><h3 class="fs-21 mb-0">Wedding</h3></div></div> </div> </div> <div class="col-md-6 col-lg-4"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="card shadow-lg"><figure class="card-img-top overlay overlay-1"><a href="#"><img class="img-fluid" src="/sites/default/files/img/photos/fs2.jpg" alt="" /></a><h5 class="from-top mb-0">View Gallery</h5></figure><div class="card-body p-6"><h3 class="fs-21 mb-0">Couples</h3></div></div> </div> </div> <div class="col-md-6 col-lg-4"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="card shadow-lg"><figure class="card-img-top overlay overlay-1"><a href="#"><img class="img-fluid" src="/sites/default/files/img/photos/fs3.jpg" alt="" /></a><h5 class="from-top mb-0">View Gallery</h5></figure><div class="card-body p-6"><h3 class="fs-21 mb-0">Engagement</h3></div></div> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-center" > <div class="container space-md"> <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-6"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row g-6 text-center"><div class="col-md-6"><div class="card shadow-lg mb-6"><figure class="card-img-top overlay overlay-1"><a href="#"><img class="img-fluid" src="/sites/default/files/img/photos/fs4.jpg" alt="" /></a><h5 class="from-top mb-0">View Gallery</h5></figure><div class="card-body p-4"><h3 class="h4 mb-0">Products</h3></div></div><div class="card shadow-lg"><figure class="card-img-top overlay overlay-1"><a href="#"><img class="img-fluid" src="/sites/default/files/img/photos/fs6.jpg" alt="" /></a><h5 class="from-top mb-0">View Gallery</h5></figure><div class="card-body p-4"><h3 class="h4 mb-0">Recipes</h3></div></div></div><div class="col-md-6"><div class="card shadow-lg mt-md-6 mb-6"><figure class="card-img-top overlay overlay-1"><a href="#"><img class="img-fluid" src="/sites/default/files/img/photos/fs5.jpg" alt="" /></a><h5 class="from-top mb-0">View Gallery</h5></figure><div class="card-body p-4"><h3 class="h4 mb-0">Restaurants</h3></div></div><div class="card shadow-lg"><figure class="card-img-top overlay overlay-1"><a href="#"><img class="img-fluid" src="/sites/default/files/img/photos/fs7.jpg" alt="" /></a><h5 class="from-top mb-0">View Gallery</h5></figure><div class="card-body p-4"><h3 class="h4 mb-0">Still Life</h3></div></div></div></div> </div> </div> <div class="col-lg-6"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-lg-10 offset-lg-2"><h2 class="display-5 mb-3">My Services</h2><p class="lead fs-lg">I would like to give you a unique photography experience, capture your products with excellent composition and lighting skills.</p><p>Donec ullamcorper nulla non metus auctor fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas faucibus mollis elit interdum. Duis mollis, est non commodo luctus, nisi erat ligula mollis metus auctor fringilla.</p><p><a class="btn btn-primary rounded-pill mt-2" href="#">More Details</a></p></div></div> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-center" > <div class="container space-lg"> <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-6"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row g-6 text-center"><div class="col-md-6"><div class="row"><div class="col-lg-12"><div class="card shadow-lg mb-6"><div class="card-body"><img class="svg-inject icon-svg icon-svg-sm solid-duo text-purple-aqua mb-3" src="/sites/default/files/img/icons/solid/edit.svg" alt="" /><h3>Content Marketing</h3><p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.</p><p><a class="more hover link-primary" href="#">Learn More</a></p></div></div></div><div class="col-lg-12"><div class="card shadow-lg"><div class="card-body"><img class="svg-inject icon-svg icon-svg-sm solid-duo text-purple-aqua mb-3" src="/sites/default/files/img/icons/solid/team.svg" alt="" /><h3>Social Engagement</h3><p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.</p><p><a class="more hover link-primary" href="#">Learn More</a></p></div></div></div></div></div><div class="col-md-6"><div class="row"><div class="col-lg-12 order-md-2"><div class="card shadow-lg mb-6 mb-md-0"><div class="card-body"><img class="svg-inject icon-svg icon-svg-sm solid-duo text-purple-aqua mb-3" src="/sites/default/files/img/icons/solid/lamp.svg" alt="" /><h3>Identity &amp; Branding</h3><p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.</p><p><a class="more hover link-primary" href="#">Learn More</a></p></div></div></div><div class="col-lg-12"><div class="card shadow-lg mb-md-6 mt-lg-6"><div class="card-body"><img class="svg-inject icon-svg icon-svg-sm solid-duo text-purple-aqua mb-3" src="/sites/default/files/img/icons/solid/delivery-box.svg" alt="" /><h3>Product Design</h3><p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.</p><p><a class="more hover link-primary" href="#">Learn More</a></p></div></div></div></div></div></div> </div> </div> <div class="col-lg-6"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-lg-10 offset-lg-2"><h2 class="display-3 mb-3">My areas of <em>expertise</em></h2><p class="lead fs-lg">The full service I am offering is specifically designed to meet your business needs.</p><p>Donec ullamcorper nulla non metus auctor fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas faucibus mollis elit interdum. Duis mollis, est non commodo luctus, nisi erat ligula magna mollis.</p><p><a class="btn btn-primary rounded-pill mt-3" href="#">More Details</a></p></div></div> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border text-center paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="region--top"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row text-center"><div class="col-lg-10 col-xl-9 col-xxl-8 mx-auto position-relative"><img class="h-11 position-absolute d-none d-lg-block" style="left:23%;top:-45%;" src="/sites/default/files/img/svg/doodle3.svg" alt="" /><img class="h-8 position-absolute d-none d-lg-block" style="right:2%;top:6%;" src="/sites/default/files/img/svg/doodle4.svg" alt="" /><h2 class="fs-16 text-uppercase text-muted mb-3">App Features</h2><h3 class="display-3 mb-11 px-lg-5 px-xl-0 px-xxl-3">Sandbox makes your spending <span class="text-gradient gradient-7">stress-free</span> for you to have the perfect control.</h3></div></div> </div> </div> <div class="row gx-5 gy-5"> <div class="col-md-6 col-lg-3"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="svg-bg svg-bg-lg bg-pale-yellow rounded-xl mb-4"><img class="svg-inject icon-svg solid text-navy" src="/sites/default/files/img/icons/solid/cloud-network-2.svg" alt="" /></div><h4 class="fs-20">Always up to Date</h4> </div> </div> <div class="col-md-6 col-lg-3"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="svg-bg svg-bg-lg bg-pale-green rounded-xl mb-4"><img class="svg-inject icon-svg solid text-navy" src="/sites/default/files/img/icons/solid/touchscreen.svg" alt="" /></div><h4 class="fs-20">Easy Usage</h4> </div> </div> <div class="col-md-6 col-lg-3"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="svg-bg svg-bg-lg bg-pale-purple rounded-xl mb-4"><img class="svg-inject icon-svg solid text-navy" src="/sites/default/files/img/icons/solid/lock.svg" alt="" /></div><h4 class="fs-20">Secure Payments</h4> </div> </div> <div class="col-md-6 col-lg-3"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="svg-bg svg-bg-lg bg-pale-pink rounded-xl mb-4"><img class="svg-inject icon-svg solid text-navy" src="/sites/default/files/img/icons/solid/rocket.svg" alt="" /></div><h4 class="fs-20">Fast Transactions</h4> </div> </div> </div> <div class="region--bottom"> <div class="paragraph paragraph--type--paragraph-layout mt-8 paragraph--view-mode--default" > <div class="region--top"> </div> <div class="row gx-5 gy-5"> <div class="col-md-6 col-lg-3"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="svg-bg svg-bg-lg bg-pale-violet rounded-xl mb-4"><img class="svg-inject icon-svg solid text-navy" src="/sites/default/files/img/icons/solid/bar-chart.svg" alt="" /></div><h4 class="fs-20">Reports &amp; Forecasting</h4> </div> </div> <div class="col-md-6 col-lg-3"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="svg-bg svg-bg-lg bg-pale-orange rounded-xl mb-4"><img class="svg-inject icon-svg solid text-navy" src="/sites/default/files/img/icons/solid/safe.svg" alt="" /></div><h4 class="fs-20">Online Banking</h4> </div> </div> <div class="col-md-6 col-lg-3"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="svg-bg svg-bg-lg bg-pale-blue rounded-xl mb-4"><img class="svg-inject icon-svg solid text-navy" src="/sites/default/files/img/icons/solid/controls.svg" alt="" /></div><h4 class="fs-20">Configurable Fields</h4> </div> </div> <div class="col-md-6 col-lg-3"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="svg-bg svg-bg-lg bg-pale-leaf rounded-xl mb-4"><img class="svg-inject icon-svg solid text-navy" src="/sites/default/files/img/icons/solid/checked.svg" alt="" /></div><h4 class="fs-20">List of Transactions</h4> </div> </div> </div> <div class="region--bottom"> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light paragraph--view-mode--default" data-content-align="align-items-center" > <div class="container space-lg"> <div class="region--top"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row text-center"><div class="col-md-10 col-lg-9 col-xxl-7 mx-auto mb-12"><h2 class="fs-16 text-uppercase text-muted mb-3">Our Services</h2><h3 class="display-2 ls-sm px-xxl-8">The service we offer is <em><span class="underline-3 style-1 primary">designed</span></em> to meet your business needs.</h3></div></div> </div> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-7"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <figure><img class="img-fluid" src="/sites/default/files/img/illustrations/i29.png" alt="" srcset="/sites/default/files/img/illustrations/i29@2x.png 2x" sizes="100vw" /></figure> </div> </div> <div class="col-lg-5"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-lg-10 ms-auto"><div class="svg-bg bg-pale-primary rounded mb-5"><img class="svg-inject icon-svg solid text-primary" src="/sites/default/files/img/icons/solid/like.svg" alt="" /></div><h3 class="h1 post-title ls-sm mb-3">Social Media Marketing</h3><p>Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus.</p><ul class="icon-list bullet-bg bullet-soft-primary"><li><em><i class="uil uil-check">‌</i></em>Aenean eu leo quam. Pellentesque ornare.</li><li><em><i class="uil uil-check">‌</i></em>Nullam quis risus eget urna mollis ornare.</li><li><em><i class="uil uil-check">‌</i></em>Fusce dapibus, tellus ac cursus commodo.</li></ul><p><a class="more hover link-primary" href="#">Learn More</a></p></div></div> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border paragraph--view-mode--default" data-content-align="align-items-center" > <div class="container space-lg pt-0"> <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-5"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-lg-10 me-auto"><div class="svg-bg bg-pale-green rounded mb-5"><img class="svg-inject icon-svg solid text-green" src="/sites/default/files/img/icons/solid/layout-2.svg" alt="" /></div><h3 class="h1 post-title ls-sm mb-3">Web Design &amp; Development</h3><p>Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus.</p><ul class="icon-list bullet-bg bullet-soft-green"><li><em><i class="uil uil-check">‌</i></em>Aenean eu leo quam. Pellentesque ornare.</li><li><em><i class="uil uil-check">‌</i></em>Nullam quis risus eget urna mollis ornare.</li><li><em><i class="uil uil-check">‌</i></em>Fusce dapibus, tellus ac cursus commodo.</li></ul><p><a class="more hover link-green" href="#">Learn More</a></p></div></div> </div> </div> <div class="col-lg-7"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <figure><img class="img-fluid" src="/sites/default/files/img/illustrations/i30.png" alt="" srcset="/sites/default/files/img/illustrations/i30@2x.png 2x" sizes="100vw" /></figure> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> <section class="paragraph paragraph--type--paragraph-section wrapper bg-light wrapper-border sticky-column-first paragraph--view-mode--default" data-content-align="align-items-start" > <div class="container space-lg"> <div class="region--top"> </div> <div class="row gx-lg-8 gx-xl-12 gy-10"> <div class="col-lg-6"> <div class="paragraph paragraph--type--paragraph-content paragraph--view-mode--default"> <div class="row"><div class="col-lg-10"><h3 class="display-2 mb-5">The service I offer is specifically designed to meet your needs.</h3><p class="mb-7">Cras mattis consectetur purus sit amet fermentum. Donec ullamcorper nulla non metus auctor fringilla. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p><p><a class="btn btn-lg btn-primary btn-icon btn-icon-end" href="#">More Details <em><i class="uil uil-arrow-up-right">‌</i></em></a></p></div></div> </div> </div> <div class="col-lg-6"> <div class="paragraph paragraph--type--paragraph-card card bg-soft-fuchsia mb-6 paragraph--view-mode--default" > <div class="card-body d-flex flex-row"> <div><img class="svg-inject icon-svg icon-svg-md text-fuchsia me-5" src="/sites/default/files/img/icons/lineal/search-2.svg" alt="" /></div><div><h3 class="fs-21 mb-2">User Research</h3><p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, nulla non metus auctor eget lacinia odio sem aget elit.</p></div> </div> </div> <div class="paragraph paragraph--type--paragraph-card card bg-soft-aqua mb-6 paragraph--view-mode--default" > <div class="card-body d-flex flex-row"> <div><img class="svg-inject icon-svg icon-svg-md text-aqua me-5" src="/sites/default/files/img/icons/lineal/puzzle-2.svg" alt="" /></div><div><h3 class="fs-21 mb-2">Strategy &amp; Planning</h3><p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, nulla non metus auctor eget lacinia odio sem aget elit.</p></div> </div> </div> <div class="paragraph paragraph--type--paragraph-card card bg-soft-yellow mb-6 paragraph--view-mode--default" > <div class="card-body d-flex flex-row"> <div><img class="svg-inject icon-svg icon-svg-md text-yellow me-5" src="/sites/default/files/img/icons/lineal/smartphone.svg" alt="" /></div><div><h3 class="fs-21 mb-2">App Design</h3><p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, nulla non metus auctor eget lacinia odio sem aget elit.</p></div> </div> </div> <div class="paragraph paragraph--type--paragraph-card card bg-soft-leaf mb-6 paragraph--view-mode--default" > <div class="card-body d-flex flex-row"> <div><img class="svg-inject icon-svg icon-svg-md text-leaf me-5" src="/sites/default/files/img/icons/lineal/design.svg" alt="" /></div><div><h3 class="fs-21 mb-2">Brand Design</h3><p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, nulla non metus auctor eget lacinia odio sem aget elit.</p></div> </div> </div> <div class="paragraph paragraph--type--paragraph-card card bg-soft-orange mb-6 paragraph--view-mode--default" > <div class="card-body d-flex flex-row"> <div><img class="svg-inject icon-svg icon-svg-md text-orange me-5" src="/sites/default/files/img/icons/lineal/video-editing.svg" alt="" /></div><div><h3 class="fs-21 mb-2">Motion Graphic</h3><p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, nulla non metus auctor eget lacinia odio sem aget elit.</p></div> </div> </div> <div class="paragraph paragraph--type--paragraph-card card bg-soft-grape mb-6 paragraph--view-mode--default" > <div class="card-body d-flex flex-row"> <div><img class="svg-inject icon-svg icon-svg-md text-grape me-5" src="/sites/default/files/img/icons/lineal/browser.svg" alt="" /></div><div><h3 class="fs-21 mb-2">Web Design</h3><p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, nulla non metus auctor eget lacinia odio sem aget elit.</p></div> </div> </div> </div> </div> <div class="region--bottom"> </div> </div> </section> Wed, 05 Jul 2023 07:40:55 +0000 devraj 84 at https://www.ivagus.com