CINXE.COM
Create Myself Website with AI
<!DOCTYPE html><html><head> <!-- Site made with Mobirise Website Builder v5.1.4, https://mobirise.com --> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="generator" content="Mobirise v5.1.4, mobirise.com"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"><base href="https://mobirise.com/" target="_blank"> <link rel="shortcut icon" href="https://mobirise.com/assets24/images/logo.png" type="image/x-icon"> <meta name="description" content="How to Generate Myself Website for Free. Make a Website for Myself. With AI and No-code. 9900+ Templates."> <title>Create Myself Website with AI</title> <link rel="stylesheet" href="../assets52/css/critical.css" type="text/css"> <link rel="preload" href="../assets52/css/main.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel=stylesheet href=assets52/css/main.css></noscript> <link rel="stylesheet" href="https://mobirise.com/bootstrap-template/assets2/tether/tether.min.css"> <link rel="stylesheet" href="https://mobirise.com/bootstrap-template/assets2/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="https://mobirise.com/bootstrap-template/assets2/bootstrap/css/bootstrap-grid.min.css"> <link rel="stylesheet" href="https://mobirise.com/bootstrap-template/assets2/bootstrap/css/bootstrap-reboot.min.css"> <link rel="stylesheet" href="https://mobirise.com/bootstrap-template/assets2/dropdown/css/style.css"> <link rel="preload" href="https://fonts.googleapis.com/css?family=Jost:400,700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel=stylesheet href=https://fonts.googleapis.com/css?family=Jost:400,700&display=swap type=text/css></noscript> <link rel="stylesheet" href="https://mobirise.com/bootstrap-template/assets2/theme/css/style.css"> <link rel="preload" as="style" href="https://mobirise.com/bootstrap-template/assets2/mobirise/css/mbr-additional.css"><link rel="stylesheet" href="https://mobirise.com/bootstrap-template/assets2/mobirise/css/mbr-additional.css" type="text/css"> <script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8125911407559185" crossorigin="anonymous"></script> <script>document.addEventListener("DOMContentLoaded",function(){let e=document.querySelectorAll(".aiTextarea"),t=document.querySelectorAll(".aiPromt");e.forEach((e,r)=>{e.addEventListener("input",function(){let i=e.value,n=encodeURI(i);t[r].setAttribute("href",`https://ai.mobirise.com/?prompt=${n}`)})})});</script> <!-- Google Tag Manager--> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PFK425');</script> <!-- End Google Tag Manager --> <link rel="canonical" href="https://mobirise.com/how-to/myself.html"><link rel="alternate" hreflang="en" href="https://mobirise.com/how-to/myself.html"><link rel="alternate" hreflang="x-default" href="https://mobirise.com/how-to/myself.html"><link rel="alternate" hreflang="de" href="https://mobirise.com/how-to/de/myself.html"><link rel="alternate" hreflang="es" href="https://mobirise.com/how-to/es/myself.html"><link rel="alternate" hreflang="pt" href="https://mobirise.com/how-to/pt/myself.html"><link rel="alternate" hreflang="fr" href="https://mobirise.com/how-to/fr/myself.html"><link rel="alternate" hreflang="it" href="https://mobirise.com/how-to/it/myself.html"><link rel="alternate" hreflang="nl" href="https://mobirise.com/how-to/nl/myself.html"><link rel="alternate" hreflang="ru" href="https://mobirise.com/how-to/ru/myself.html"></head> <body> <!-- Google Tag Manager--> <noscript><iframe src=//www.googletagmanager.com/ns.html?id=GTM-PFK425 height=0 width=0 style=display:none;visibility:hidden></iframe></noscript> <!-- End Google Tag Manager --> <section class="menu menu2 cid-seHfzj2owF" once="menu" id="menu2-0"> <nav class="navbar navbar-dropdown navbar-fixed-top navbar-expand-lg"> <div class="container"> <div class="navbar-brand"> <span class="navbar-logo"> <a href="#"> <img src="https://mobirise.com/bootstrap-template/assets/images/logo.png" alt="Mobirise" style="height: 3rem;"> </a> </span> <span class="navbar-caption-wrap"></span> </div> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> <div class="hamburger"> <span></span> <span></span> <span></span> <span></span> </div> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true"> <li class="nav-item dropdown"> <div class="dropdown-menu" style="display: none;"><a href="https://mobirise.com/how-to/art-gallery.html">Art Gallery</a> <a href="https://mobirise.com/how-to/book-author.html">Book Author</a> <a href="https://mobirise.com/how-to/restaurant.html">Restaurant</a> <a href="https://mobirise.com/how-to/marketing-agency.html">Marketing Agency</a> <a href="https://mobirise.com/how-to/women.html">Women</a> <a href="https://mobirise.com/how-to/marketing.html">Marketing</a> <a href="https://mobirise.com/how-to/review.html">Review</a> <a href="https://mobirise.com/how-to/personal-trainer.html">Personal Trainer</a> <a href="https://mobirise.com/how-to/jewelry-business.html">Jewelry Business</a> <a href="https://mobirise.com/how-to/online-store.html">Online Store</a> <a href="https://mobirise.com/how-to/magazine.html">Magazine</a> <a href="https://mobirise.com/how-to/donations.html">Donations</a> <a href="https://mobirise.com/how-to/rental-property.html">Rental Property</a> <a href="https://mobirise.com/how-to/manga.html">Manga</a> <a href="https://mobirise.com/how-to/video-streaming.html">Video Streaming</a> <a href="https://mobirise.com/how-to/students.html">Students</a> <a href="https://mobirise.com/how-to/consulting-business.html">Consulting Business</a> <a href="https://mobirise.com/how-to/medical-practice.html">Medical Practice</a> <a href="https://mobirise.com/how-to/spa.html">Spa</a> <a href="https://mobirise.com/how-to/car-dealership.html">Car Dealership</a> <a href="https://mobirise.com/how-to/dropshipping.html">Dropshipping</a> <a href="https://mobirise.com/how-to/clothing-store.html">Clothing Store</a> <a href="https://mobirise.com/how-to/doctor.html">Doctor</a> <a href="https://mobirise.com/how-to/videographer.html">Videographer</a> <a href="https://mobirise.com/how-to/coaching-business.html">Coaching Business</a> <a href="https://mobirise.com/how-to/accountant.html">Accountant</a> <a href="https://mobirise.com/how-to/pet.html">Pet</a> <a href="https://mobirise.com/how-to/blog.html">Blog</a> <a href="https://mobirise.com/how-to/automotive-repair.html">Automotive Repair</a> <a href="https://mobirise.com/how-to/tiktok.html">Tiktok</a> <a href="https://mobirise.com/website-builder/barbershop.html">Barbershop</a> <a href="https://mobirise.com/website-builder/health-blog.html">Health Blog</a> <a href="https://mobirise.com/website-builder/game.html">Game</a> <a href="https://mobirise.com/website-builder/personal-use.html">Personal Use</a> <a href="https://mobirise.com/website-builder/grocery-store.html">Grocery Store</a> <a href="https://mobirise.com/website-builder/coding-blog.html">Coding Blog</a> <a href="https://mobirise.com/website-builder/new-business.html">New Business</a> <a href="https://mobirise.com/website-builder/school-project.html">School Project</a> <a href="https://mobirise.com/website-builder/filmmaker.html">Filmmaker</a> <a href="https://mobirise.com/website-builder/content-marketing.html">Content Marketing</a> <a href="https://mobirise.com/builder/ai-website-builder.html">Ai Website Builder</a> <a href="https://mobirise.com/builder/easiest-website-builder.html">Easiest Website Builder</a> <a href="https://mobirise.com/builder/landing-page-software.html">Landing Page Software</a> <a href="https://mobirise.com/builder/ai-website-creator.html">Ai Website Creator</a> <a href="https://mobirise.com/builder/small-business-website-builder.html">Small Business Website Builder</a> <a href="https://mobirise.com/builder/ai-website-maker.html">Ai Website Maker</a> <a href="https://mobirise.com/builder/html-code-generator.html">Html Code Generator</a> <a href="https://mobirise.com/builder/mac-website-builder.html">Mac Website Builder</a> <a href="https://mobirise.com/builder/no-code-website-builder.html">No Code Website Builder</a> <a href="https://mobirise.com/builder/ai-website-generator.html">Ai Website Generator</a></div> <div class="dropdown-menu"><a class="text-black dropdown-item text-primary display-4" href="https://mobirise.com/">Website Builder Software</a> <a class="text-black dropdown-item text-primary display-4" href="https://mobirise.com/bootstrap-builder/">Bootstrap Builder</a> <a class="text-black dropdown-item text-primary display-4" href="https://mobirise.com/builder/ai-website-builder.html">AI Website Generator</a> <a class="text-black dropdown-item text-primary display-4" href="https://chat.openai.com/g/g-yg5WelQdV-ai-website-builder">AI Website Builder</a> <a class="text-black dropdown-item text-primary display-4" href="https://mobirise.com/website-design-software.html">Web Design Software</a> <a class="text-black dropdown-item text-primary display-4" href="https://mobirise.com/offline-website-builder.html">Offline Website Builder</a> <a class="text-black dropdown-item text-primary display-4" href="https://mobirise.com/html-editor.html">HTML Editor</a> <a class="text-black dropdown-item text-primary display-4" href="https://mobirise.com/html-builder.html">HTML Builder</a> <a class="text-black dropdown-item text-primary display-4" href="https://mobirise.com/drag-drop-website-builder.html">Drag and Drop Website Builder</a> <a class="text-black dropdown-item text-primary display-4" href="https://mobirise.com/website-maker.html">Website Maker</a></div> <div class="lang-dropdown-menu" style="display:none;"> <a class="lang-option" href="https://mobirise.com/how-to/myself.html">English</a><a class="lang-option" href="https://mobirise.com/how-to/de/myself.html">Deutsch</a><a class="lang-option" href="https://mobirise.com/how-to/es/myself.html">Español</a><a class="lang-option" href="https://mobirise.com/how-to/pt/myself.html">Português</a><a class="lang-option" href="https://mobirise.com/how-to/fr/myself.html">Français</a><a class="lang-option" href="https://mobirise.com/how-to/it/myself.html">Italiano</a><a class="lang-option" href="https://mobirise.com/how-to/nl/myself.html">Nederlands</a><a class="lang-option" href="https://mobirise.com/how-to/ru/myself.html">Русский</a></div> </li></ul> <div class="navbar-buttons mbr-section-btn"> <a class="btn btn-warning display-7" href="https://ai.mobirise.com/">Try Free AI!</a> <a class="btn btn-secondary display-7" href="https://mobirise.com/p/">Go Premium!</a> </div> </div> </div> </nav> </section> <section class="header6 cid-s6B29izaEe mbr-parallax-background" id="header6-3" style="padding-bottom: 3rem;"> <div class="mbr-overlay" style="opacity: 0.6; background-color: rgb(255, 255, 255);"></div> <div class="container-fluid"> <div class="row justify-content-center"> <div class="col-md-12 col-lg-9"> <h1 class="mbr-section-title mbr-fonts-style mb-3 display-5" style="text-transform: uppercase;"><strong>Create Myself Website with AI</strong></h1> <div class="modal-dialog" style="height: auto;"> <div class="modal-content"> <div class="modal-body display-7"> <form style="width: 100%;"> <div class="mb-3 aiTitle"> <textarea placeholder="What your site will be about? Write in any language." class="aiTextarea" id="aiPromt" rows="6"></textarea> </div> <a class="btn btn-warning display-7 aiPromt" href="https://ai.mobirise.com/?prompt=">Generate Website with AI</a> </form> </div> </div> </div> <p class="mbr-text mbr-fonts-style display-2 d-none"> Make stunning myself websites with AI! No code and free. </p> <div class="mbr-section-btn mt-3 d-none"><a class="btn btn-primary display-4" href="https://mobirise.com/mobirise-free-win.zip">Download for Windows</a> <a class="btn btn-secondary display-4" href="https://mobirise.com/mobirise-free-mac.zip">Download for Mac</a> <a class="btn btn-warning display-4" href="https://ai.mobirise.com/">Try AI</a></div> </div> </div> </div> </section> <section class="video2 cid-s6G1fc6A7s" id="video2-m" style="padding-top: 0rem;padding-bottom: 3rem; background-color: #ffffff;"> <div class="container"> <div class="row justify-content-center mt-5"> <div class="col-12 col-md-10 video-block"> <div class="video-wrapper"> <iframe width="560" height="315" class="lozad mbr-embedded-video" data-src="https://www.youtube.com/embed/EkaEShJ6qsE?rel=0&playlist=EkaEShJ6qsE&autoplay=1&loop=1&mute=1" frameborder="0" allowfullscreen=""></iframe> </div> </div> </div> </div> </section> <section class="content1 cid-s6FBEHSwgS" id="content1-f" style="padding-top:0rem;"> <div class="container"> <div class="row justify-content-center"> <div class="title col-md-10 col-lg-11 col-sm-10"> <h4 class="mbr-section-title mbr-fonts-style align-center mb-4 display-2"><strong>Get Started with AI</strong></h4> <span class="display-7">Begin crafting your personalized website effortlessly with our AI tool that generates custom content, images, and layouts tailored to your preferences. Simply provide a prompt, and watch as the AI conjures a unique online presence suited to your vision. Once the initial design takes shape, you have the freedom to refine and modify every aspect directly within the user-friendly AI application. This seamless experience empowers you to bring your ideas to life with minimal effort and maximum creativity.</span> <span class="display-7" style="display:none"> Generate a myself website with generate a personal site, build a self-profile page, create an individual website, develop a bio webpage, design a personal portfolio, launch a self-representation site, craft a custom webpage, establish an online identity platform, produce a self-hosted site, make a personal branding site, set up a unique profile page, assemble a dedicated personal site, generate a virtual self-hub, configure a personalized online space, create an individual online presence, construct a self-made website, design a personalized web domain, launch a bespoke profile site, produce a tailored online portfolio, develop a unique self-space, establish a digital personal brand, create a self-directed webpage, design an online persona site, generate a custom personal hub, build a distinctive bio site, craft an individual profile platform, produce a personalized portfolio, launch a self-defined webpage, configure a unique self-site, establish a custom identity platform, develop a bespoke digital presence, create a tailored personal website, design an exclusive personal profile, generate an individualized online site, assemble a custom identity webpage, produce a self-constructed site, make a bespoke personal domain, launch a unique self-portfolio, design a distinctive online biography, develop an innovative personal webpage. </span> </div> </div> </div> </section> <section data-bs-version="5" class="content4 cid-sEg5NgwGRD pt-5" id="content4-1u"> <div class="row mt-5 mb-5 justify-content-center"> <div class="mbr-figure col-12 col-md-9"> <iframe class="mbr-embedded-video" src="https://www.youtube.com/embed/lQ9c9RYHc1I?rel=0&playlist=lQ9c9RYHc1I&autoplay=1&loop=1&mute=1" width="1280" height="720" frameborder="0" allowfullscreen="" style="height: 507.938px;"></iframe> </div> </div> </section> <section class="header3 cid-s6FBEHSwgS" id="header3-h" style="padding-top: 0rem;"> <div class="align-center container"> <div class="row justify-content-center"> <div class="col-12 col-lg-12"> <div class="mbr-section-btn mt-3"><a class="btn btn-warning display-4" href="https://ai.mobirise.com/">Generate website with AI!</a> </div> </div> </div> </div> </section> <br><br> <section class="content1 cid-s6FBEHSwgS" id="content1-f" style="padding-top:0rem;"> <div class="container"> <div class="row justify-content-center"> <div class="title col-md-10 col-lg-11 col-sm-10"> <h4 class="mbr-section-title mbr-fonts-style align-center mb-4 display-2"><strong>Browse AI myself templates</strong></h4> <span class="display-7">To begin building your personal website, first download Mobirise. Once installed, explore the AI template library to find a design that resonates with your vision. The templates are user-friendly and adaptable, making it easy to create a site that reflects your style and purpose effortlessly. Happy building!</span> </div> </div> </div> </section> <section class="gallery2 cid-s8iIOQyHFv" id="gallery2-2e"> <div class="container-fluid"> <div class="row mt-4"> <div class="item features-image сol-12 col-md-6 col-lg-3"> <div class="item-wrapper"> <div class="item-img"> <a href="https://mobirise.com/extensions/approachm5/visual-graphic-design/"><img src="https://my.mobirise.com/data/upload/thumbs/approachm5/projects/visual-graphic-design/cover.jpg" alt="Visual & Graphic Design"></a> </div> </div> </div> <div class="item features-image сol-12 col-md-6 col-lg-3"> <div class="item-wrapper"> <div class="item-img"> <a href="https://mobirise.com/extensions/personam4/creativestudio/"><img src="https://my.mobirise.com/data/upload/thumbs/personam4/projects/creativestudio/cover.jpg" alt="Creative Studio"></a> </div> </div> </div> <div class="item features-image сol-12 col-md-6 col-lg-3"> <div class="item-wrapper"> <div class="item-img"> <a href="https://mobirise.com/extensions/personam4/portfolio/"><img src="https://my.mobirise.com/data/upload/thumbs/personam4/projects/portfolio/cover.jpg" alt="Portfolio"></a> </div> </div> </div> <div class="item features-image сol-12 col-md-6 col-lg-3"> <div class="item-wrapper"> <div class="item-img"> <a href="https://mobirise.com/extensions/artistm5/painting-artist/"><img src="https://my.mobirise.com/data/upload/thumbs/artistm5/projects/painting-artist/cover.jpg" alt="Painting Artist & Photographer"></a> </div> </div> </div> <div class="item features-image сol-12 col-md-6 col-lg-3"> <div class="item-wrapper"> <div class="item-img"> <a href="https://mobirise.com/extensions/stackm5/web-develop/"><img src="https://my.mobirise.com/data/upload/thumbs/stackm5/projects/web-develop/cover.jpg" alt="Web Studio"></a> </div> </div> </div> <div class="item features-image сol-12 col-md-6 col-lg-3"> <div class="item-wrapper"> <div class="item-img"> <a href="https://mobirise.com/extensions/artm4/magazine/"><img src="https://my.mobirise.com/data/upload/thumbs/artm4/projects/magazine/cover.jpg" alt="Culture Magazine Demo"></a> </div> </div> </div> <div class="item features-image сol-12 col-md-6 col-lg-3"> <div class="item-wrapper"> <div class="item-img"> <a href="https://mobirise.com/extensions/stackm5/web-studio/"><img src="https://my.mobirise.com/data/upload/thumbs/stackm5/projects/web-studio/cover.jpg" alt="Web Design Studio"></a> </div> </div> </div> <div class="item features-image сol-12 col-md-6 col-lg-3"> <div class="item-wrapper"> <div class="item-img"> <a href="https://mobirise.com/extensions/artm4/museum/"><img src="https://my.mobirise.com/data/upload/thumbs/artm4/projects/museum/cover.jpg" alt="Museum Demo"></a> </div> </div> </div> <div class="item features-image сol-12 col-md-6 col-lg-3"> <div class="item-wrapper"> <div class="item-img"> <a href="https://mobirise.com/extensions/artm4/art-studio/"><img src="https://my.mobirise.com/data/upload/thumbs/artm4/projects/art-studio/cover.jpg" alt="Art Studio Demo"></a> </div> </div> </div> <div class="item features-image сol-12 col-md-6 col-lg-3"> <div class="item-wrapper"> <div class="item-img"> <a href="https://mobirise.com/extensions/artistm5/artist-portfolio/"><img src="https://my.mobirise.com/data/upload/thumbs/artistm5/projects/artist-portfolio/cover.jpg" alt="Artist Portfolio"></a> </div> </div> </div> <div class="item features-image сol-12 col-md-6 col-lg-3"> <div class="item-wrapper"> <div class="item-img"> <a href="https://mobirise.com/extensions/personam4/craftshop/"><img src="https://my.mobirise.com/data/upload/thumbs/personam4/projects/craftshop/cover.jpg" alt="Craft Shop"></a> </div> </div> </div> <div class="item features-image сol-12 col-md-6 col-lg-3"> <div class="item-wrapper"> <div class="item-img"> <a href="https://mobirise.com/extensions/approachm5/ui-ux-creative-design/"><img src="https://my.mobirise.com/data/upload/thumbs/approachm5/projects/ui-ux-creative-design/cover.jpg" alt="UI/UX Creative Design"></a> </div> </div> </div> <div class="item features-image сol-12 col-md-6 col-lg-3"> <div class="item-wrapper"> <div class="item-img"> <a href="https://mobirise.com/extensions/motionm5/motion-graphics-studio/"><img src="https://mobirise.com/assets52/images/template12.webp" alt="Motion Studio"></a> </div> </div> </div> <div class="item features-image сol-12 col-md-6 col-lg-3"> <div class="item-wrapper"> <div class="item-img"> <a href="https://mobirise.com/extensions/urgem5/demo-blocks.html"><img src="https://mobirise.com/assets52/images/template02.webp" alt="Digital Agency"></a> </div> </div> </div> <div class="item features-image сol-12 col-md-6 col-lg-3"> <div class="item-wrapper"> <div class="item-img"> <a href="https://mobirise.com/extensions/securem4/"><img src="https://mobirise.com/assets52/images/template10.webp" alt="Mobile App Demo"></a> </div> </div> </div> <div class="item features-image сol-12 col-md-6 col-lg-3"> <div class="item-wrapper"> <div class="item-img"> <a href="https://mobirise.com/extensions/calmm5/selling-digital-products/"><img src="https://my.mobirise.com/data/upload/thumbs/calmm5/projects/selling-digital-products/cover.jpg" alt="Development Сompany"></a> </div> </div> </div> <div class="item features-image сol-12 col-md-6 col-lg-3"> <div class="item-wrapper"> <div class="item-img"> <a href="https://mobirise.com/extensions/edgem5/"><img src="https://mobirise.com/assets52/images/template001.webp" alt="Art"></a> </div> </div> </div> <div class="item features-image сol-12 col-md-6 col-lg-3"> <div class="item-wrapper"> <div class="item-img"> <a href="https://mobirise.com/extensions/artm4/magazine/"><img src="https://mobirise.com/assets52/images/template13.webp" alt="Art"></a> </div> </div> </div> <div class="item features-image сol-12 col-md-6 col-lg-3"> <div class="item-wrapper"> <div class="item-img"> <a href="https://mobirise.com/extensions/churchm5/modern-church/"><img src="https://my.mobirise.com/data/upload/thumbs/churchm5/projects/modern-church/cover.jpg" alt="Development Сompany"></a> </div> </div> </div> <div class="item features-image сol-12 col-md-6 col-lg-3"> <div class="item-wrapper"> <div class="item-img"> <a href="https://mobirise.com/extensions/toolm5/"><img src="https://mobirise.com/assets52/images/template11.webp" alt="Web Saas App Demo"></a> </div> </div> </div> <div class="item features-image сol-12 col-md-6 col-lg-3"> <div class="item-wrapper"> <div class="item-img"> <a href="https://mobirise.com/extensions/glassm5/photo/"><img src="https://my.mobirise.com/data/upload/thumbs/glassm5/projects/photo/cover.jpg" alt="Web Saas App Demo"></a> </div> </div> </div> <div class="item features-image сol-12 col-md-6 col-lg-3"> <div class="item-wrapper"> <div class="item-img"> <a href="https://mobirise.com/extensions/electricm5/electric-car-dealer/"><img src="https://my.mobirise.com/data/upload/thumbs/electricm5/projects/electric-car-dealer/cover.jpg" alt="Web Saas App Demo"></a> </div> </div> </div> </div> </div> </section> <section class="content1 cid-s6FBEHSwgS" id="content1-f" style="padding-top:0rem;"> <div class="container"> <div class="row justify-content-center"> <div class="title col-12 col-md-10"> <h5 class="mbr-section-title mbr-fonts-style align-center mb-4 display-2"> <strong>Join 2,500,000+ happy users!</strong> </h5> </div> </div> </div> </section> <section class="image3 cid-s6FCnXMbEk" id="image3-g"> <div class="container-fluid"> <div class="row justify-content-center"> <div class="col-12 col-lg-12"> <div class="image-wrapper" style="padding-bottom: 18.25%;display: flex;justify-content: center;"> <picture> <source data-srcset="assets52/images/clients.webp" type="image/webp"> <source data-srcset="assets52/images/clients.png" type="image/png"> <img class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="assets52/images/clients.png" alt="Happy Mobirise users creating beautiful websites"> </picture> </div> </div> <div class="col-12 col-lg-12"> <div class="mbr-section-btn mt-4 align-center"><a class="btn btn-warning display-4" href="https://ai.mobirise.com/">Generate with Free AI!</a> <a class="btn btn-secondary display-4" href="https://mobirise.com/p/">Go Premium!</a></div> </div> </div> </div> </section> <section class="video2 cid-s6G1fc6A7s" id="video2-m" style="padding-top: 0rem;padding-bottom: 3rem; background-color: #ffffff;"> <div class="container"> <div class="row justify-content-center mt-5"> <div class="col-12 col-md-10 video-block"> <div class="video-wrapper"> <iframe width="560" height="315" class="lozad mbr-embedded-video" data-src="https://www.youtube.com/embed/WNCX3T2rSG0?rel=0&playlist=WNCX3T2rSG0&autoplay=1&loop=1&mute=1" frameborder="0" allowfullscreen=""></iframe> </div> </div> </div> </div> </section> <section class="header3 cid-s6FBEHSwgS" id="header3-h" style="padding-top: 0rem;"> <div class="align-center container"> <div class="row justify-content-center"> <div class="col-12 col-lg-12"> <div class="mbr-section-btn mt-3"><a class="btn btn-warning display-4" href="https://ai.mobirise.com/">Generate website with AI!</a> </div> </div> </div> </div> </section> <section data-bs-version="5" class="content4 cid-sEg5NgwGRD pt-5" id="content4-1u"> <div class="container"> <div class="row justify-content-center"> <div class="title col-md-12 col-lg-7"> <h3 class="mbr-section-title mbr-fonts-style align-center mb-4 display-5"><strong>Main features</strong></h3> </div> </div> </div> </section> <section class="clients2 cid-s6FxdMEeBF" id="clients2-b" style="padding-top:0rem"> <div class="container-fluid"> <div class="row justify-content-center"> <div class="card col-12 col-md-6 col-lg-4"><div class="card-wrapper"><span class="mbr-iconfont">🌐</span><div class="card-box align-center"><h5 class="display-7"><b>User-Friendly Interface</b></h5><p class="display-4">A simple and intuitive interface allows anyone to create their website without needing technical expertise. The drag-and-drop functionality ensures that users can easily place elements, adjust layouts, and personalize their webpages, significantly reducing the learning curve and making the experience enjoyable.</p></div></div></div><div class="card col-12 col-md-6 col-lg-4"><div class="card-wrapper"><span class="mbr-iconfont">🎨</span><div class="card-box align-center"><h5 class="display-7"><b>Customizable Templates</b></h5><p class="display-4">A range of customizable templates caters to different styles and purposes, providing a solid foundation for users. Each template is fully adjustable, allowing users to modify colors, fonts, and layouts to match their unique vision without starting from scratch.</p></div></div></div><div class="card col-12 col-md-6 col-lg-4"><div class="card-wrapper"><span class="mbr-iconfont">📱</span><div class="card-box align-center"><h5 class="display-7"><b>Responsive Design</b></h5><p class="display-4">Websites automatically adjust to various screen sizes, ensuring an optimal viewing experience on desktops, tablets, and smartphones. This feature is crucial in today’s mobile-driven world, enhancing user engagement and maintaining aesthetic appeal across all devices.</p></div></div></div><div class="card col-12 col-md-6 col-lg-4"><div class="card-wrapper"><span class="mbr-iconfont">⚙️</span><div class="card-box align-center"><h5 class="display-7"><b>SEO Integration</b></h5><p class="display-4">Built-in tools for search engine optimization help boost website visibility. Users can efficiently edit meta tags, optimize images, and create user-friendly URLs, allowing their sites to rank higher on search results and attract organic traffic effectively.</p></div></div></div><div class="card col-12 col-md-6 col-lg-4"><div class="card-wrapper"><span class="mbr-iconfont">🔒</span><div class="card-box align-center"><h5 class="display-7"><b>Security Features</b></h5><p class="display-4">Robust security measures protect websites from vulnerabilities and threats. Features like SSL certificates and regular updates enhance safety, instilling confidence in users regarding their data security and ensuring a reliable browsing experience.</p></div></div></div><div class="card col-12 col-md-6 col-lg-4"><div class="card-wrapper"><span class="mbr-iconfont">📧</span><div class="card-box align-center"><h5 class="display-7"><b>Email Integration</b></h5><p class="display-4">Incorporating email services simplifies communication with visitors and clients. Users can create professional email accounts linked to their domain, manage newsletters, and automate marketing campaigns directly through the website platform, enhancing business outreach.</p></div></div></div><div class="card col-12 col-md-6 col-lg-4"><div class="card-wrapper"><span class="mbr-iconfont">💻</span><div class="card-box align-center"><h5 class="display-7"><b>Analytics Dashboard</b></h5><p class="display-4">An integrated analytics dashboard provides insights into website performance, user behavior, and traffic sources. This data allows users to make informed decisions about content strategies and marketing efforts, optimizing their online presence and goals.</p></div></div></div><div class="card col-12 col-md-6 col-lg-4"><div class="card-wrapper"><span class="mbr-iconfont">🌍</span><div class="card-box align-center"><h5 class="display-7"><b>Multi-Language Support</b></h5><p class="display-4">Facilitating website accessibility for a global audience, this feature allows users to create content in various languages. This inclusivity improves user experience and broadens reach, catering to diverse demographics and enhancing user engagement.</p></div></div></div><div class="card col-12 col-md-6 col-lg-4"><div class="card-wrapper"><span class="mbr-iconfont">🚀</span><div class="card-box align-center"><h5 class="display-7"><b>Fast Hosting Services</b></h5><p class="display-4">Reliable and speedy hosting ensures websites load quickly, providing a seamless user experience. This essential feature minimizes downtime and enhances performance, allowing users to attract and retain visitors with fast, responsive browsing capabilities.</p></div></div></div> </div> </div> </section> <section class="image3 cid-s6FCnXMbEk" id="image3-g"> <div class="container-fluid"> <div class="row justify-content-center"> <div class="col-12 col-lg-12"> <div class="image-wrapper" style="padding-bottom: 56.16%;"> <a href="https://mobirise.com/extensions/kit/"> <picture> <source data-srcset="assets52/images/temps-3.webp" type="image/webp"> <source data-srcset="assets52/images/temps-3.jpg" type="image/jpeg"> <img class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="assets52/images/temps-3.jpg" alt="How to create your own website for free? Use the collection of 8000 free html templates!"> </picture> </a> </div> </div> </div> </div> </section> <section class="header3 cid-s6FBEHSwgS" id="header3-h" style="padding-top: 0rem;"> <div class="align-center container"> <div class="row justify-content-center"> <div class="col-12 col-lg-12"> <div class="mbr-section-btn mt-4 align-center"><a class="btn btn-warning display-4" href="https://ai.mobirise.com/">Generate Free AI Website!</a> <a class="btn btn-secondary display-4" href="https://mobirise.com/p/">Try Premium!</a></div> </div> </div> </div> </section> <section data-bs-version="5" class="content4 cid-sEg5NgwGRD" id="content4-1u"> <div class="container"> <div class="row justify-content-center"> <div class="title col-md-12 col-lg-7"> <br><br> <h3 class="mbr-section-title mbr-fonts-style align-center mb-4 display-5"><strong>How to build websites for myself?</strong></h3> </div> </div> </div> </section> <section class="features14 cid-s7smx8Hr5n" id="features14-1e"> <div class="container-fluid"> <div class="row justify-content-center"> <div class="card col-12 col-md-6 col-lg-4"><div class="card-wrapper"><span class="mbr-iconfont">1</span><div class="card-box"><h5 class="display-7"><b>Choose a Domain Name</b></h5><p class="display-4">Selecting the right domain name is crucial as it represents your website's identity. Aim for a name that resonates with your brand, is easy to remember, and short enough to type effortlessly. Make sure it’s relevant to your content, which will aid in search engine optimization. Check for availability through domain registrars, and choose an appropriate extension like .com or .net. Once you settle on a name, register it to secure your online presence. A strong domain can enhance credibility and give visitors a glimpse of what to expect from your website, setting the foundation for a successful online endeavor.</p></div></div></div><div class="card col-12 col-md-6 col-lg-4"><div class="card-wrapper"><span class="mbr-iconfont">2</span><div class="card-box"><h5 class="display-7"><b>Select a Hosting Provider</b></h5><p class="display-4">Your choice of hosting provider plays a pivotal role in how swiftly and reliably your website functions. Research various hosting options such as shared, VPS, or dedicated servers, depending on your needs and budget. Reliability, customer support, and scalability are essential factors to consider. Opt for a provider with good uptime records and positive reviews. Many services offer one-click installs for content management systems, simplifying the process considerably. The right hosting plan can enhance performance and increase website speed, offering a seamless experience for your users as they navigate your site.</p></div></div></div><div class="card col-12 col-md-6 col-lg-4"><div class="card-wrapper"><span class="mbr-iconfont">3</span><div class="card-box"><h5 class="display-7"><b>Choose a Website Builder or CMS</b></h5><p class="display-4">Deciding between a website builder or a content management system (CMS) is another critical aspect of website creation. Website builders like Wix or Squarespace provide user-friendly interfaces and templates for those who prefer convenience. Alternatively, a CMS like WordPress offers extensive customization options and more control over your site’s functionality. Assess your technical skills and the complexity of the website you envision. A CMS might require more learning curve but offers unmatched flexibility and scalability. Ultimately, choose the option that complements your immediate needs and future growth plans.</p></div></div></div><div class="card col-12 col-md-6 col-lg-4"><div class="card-wrapper"><span class="mbr-iconfont">4</span><div class="card-box"><h5 class="display-7"><b>Design Your Website</b></h5><p class="display-4">The design of your website reflects your persona and communicates essential messages to visitors. Select a layout that promotes easy navigation and is visually appealing. Incorporate your brand colors, fonts, and images to maintain consistency and enhance user experience. Ensure your design is responsive, adapting seamlessly to various devices such as tablets and smartphones. Use whitespace effectively to avoid clutter and improve readability. High-quality visuals can captivate your audience and make your site memorable. A well-structured design not only attracts visitors but also encourages them to explore further into your content.</p></div></div></div><div class="card col-12 col-md-6 col-lg-4"><div class="card-wrapper"><span class="mbr-iconfont">5</span><div class="card-box"><h5 class="display-7"><b>Develop Content</b></h5><p class="display-4">Creating compelling content is the cornerstone of any successful website. Start by outlining your main topics and the target audience for each piece. Ensure that the content is engaging, informative, and optimized for search engines by using relevant keywords. Balance various formats like text, images, and videos to cater to different preferences. Regularly update your content to keep it fresh and relevant. Quality content can establish your authority in a niche, drive organic traffic, and encourage visitors to share your website, acting as a catalyst for growth.</p></div></div></div><div class="card col-12 col-md-6 col-lg-4"><div class="card-wrapper"><span class="mbr-iconfont">6</span><div class="card-box"><h5 class="display-7"><b>Launch Your Website</b></h5><p class="display-4">After finalizing the design and content, it's time to launch your website. Conduct a thorough review to ensure all links function correctly, images load swiftly, and content appears as intended. Test your site on different devices and browsers for optimal performance. Set up tracking tools like Google Analytics to monitor visitor behavior and gather insights post-launch. Announce your site's arrival through social media channels and other platforms to attract initial traffic. A successful launch can set in motion your journey toward a thriving online presence, paving the way for future endeavours.</p></div></div></div> </div> </div> </section> <section data-bs-version="5" class="content4 cid-sEg5NgwGRD pt-5" id="content4-1u"> <div class="container"> <div class="row justify-content-center"> <div class="title col-md-12 col-lg-7"> <h3 class="mbr-section-title mbr-fonts-style align-center mb-4 display-5"><strong>Create myself websites in minutes with the AI generator!</strong></h3> </div> </div> </div> </section> <div class="row row-content justify-content-center"> <div class="card py-4 col-md-7"> <div class="row justify-content-center nowrap"> <div class="col-md-10 col-lg-11 col-sm-10"> <div class="text-box display-7 align-center"> Easily craft your website by dragging pre-designed blocks into place, assembling a layout that suits your vision. Once the structure is established, personalize each section by swapping in your unique content. Adjust colors, fonts, and images to reflect your brand’s identity. With a few simple adjustments, your site will transform from generic templates to an engaging online presence that truly represents you. Enjoy the satisfaction of a ready-made website, tailored just for you! </div> </div> </div> </div> </div> <div class="row mt-5 mb-5 justify-content-center"> <div class="mbr-figure col-12 col-md-9"> <div class="video" style="position:relative;"><video muted="" autoplay="autoplay" loop="" poster="https://mobiri.se/assets/video/poster1.jpg" style="width:100%"> <source src="https://mobiri.se/assets/video/1.mp4" type="video/mp4"> </video></div> </div> </div> <section class="header6 cid-s6B29izaEe mbr-parallax-background" id="header6-3" style="padding: 4rem 0 3rem 0;"> <div class="mbr-overlay" style="opacity: 0.6; background-color: rgb(255, 255, 255);"></div> <div class="container-fluid"> <div class="row justify-content-center"> <div class="col-md-12 col-lg-9"> <h3 class="mbr-section-title mbr-fonts-style mb-3 display-5" style="text-transform: uppercase;"><strong>Build the myself website today</strong></h3> <div class="col-12 col-lg-12"> <div class="mbr-section-btn mt-4 align-center"><a class="btn btn-warning display-4" href="https://ai.mobirise.com/">Generate Free Website!</a> <a class="btn btn-secondary display-4" href="https://mobirise.com/p/">Go Premium!</a></div> </div> </div> </div> </div> </section> <section data-bs-version="5" class="content4 cid-sEg5NgwGRD" id="content4-1u"> <div class="container"> <div class="row justify-content-center"> <div class="title col-md-12 col-lg-7"> <h3 class="mbr-section-title mbr-fonts-style align-center mb-4 mt-5 display-5"><strong>How to make the myself website for free with Mobirise AI?</strong></h3> </div> </div> </div> </section> <section class="clients2 cid-s6FxdMEeBF" id="clients2-b1"> <div class="container-fluid"> <div class="row justify-content-center"> <div class="card col-12 col-md-6 col-lg-4"><div class="card-wrapper"><span class="mbr-iconfont">1</span><div class="card-box"><h5 class="display-7"><b>Download Mobirise AI</b></h5><p class="display-4">Begin your journey by downloading Mobirise AI from the official website. This user-friendly software is available for both Windows and Mac operating systems. Ensure your device meets the system requirements for optimal performance. Once the download is complete, navigate to the downloaded file and install the application by following the on-screen prompts. This step establishes the foundation upon which you will build your personal website. Familiarize yourself with the interface as you move forward, as this will streamline the web development process.</p></div></div></div><div class="card col-12 col-md-6 col-lg-4"><div class="card-wrapper"><span class="mbr-iconfont">2</span><div class="card-box"><h5 class="display-7"><b>Choose a Template</b></h5><p class="display-4">Mobirise AI offers a wide range of pre-designed templates tailored for various purposes, including personal websites. Explore the template library and select one that resonates with your vision. Consider the layout, color scheme, and overall aesthetic while making your choice. The chosen template acts as a canvas for your website, allowing you to customize it to your liking. Take note of features you wish to highlight, as this will guide your customization process later on. Your template sets the tone, so choosing one that reflects your personality is essential.</p></div></div></div><div class="card col-12 col-md-6 col-lg-4"><div class="card-wrapper"><span class="mbr-iconfont">3</span><div class="card-box"><h5 class="display-7"><b>Customize Your Content</b></h5><p class="display-4">With your template selected, it's time to personalize your website's content. Start by editing text elements to reflect your unique narrative, ensuring that your voice shines through. Add essential information such as your name, biography, interests, and skills. Utilize Mobirise AI's intuitive drag-and-drop interface to efficiently modify content areas, making it easy to rearrange sections as you desire. Don't forget to include engaging images that resonate with your message, as visuals play a crucial role in maintaining visitors' attention. Aim for a harmonious balance between text and visuals throughout your site.</p></div></div></div><div class="card col-12 col-md-6 col-lg-4"><div class="card-wrapper"><span class="mbr-iconfont">4</span><div class="card-box"><h5 class="display-7"><b>Add Functional Elements</b></h5><p class="display-4">To enhance user experience, incorporate functional elements into your website using Mobirise AI's features. Consider adding contact forms to facilitate communication, social media links to boost engagement, and image galleries to showcase your work or interests. Explore additional widgets like maps for location services, testimonials for credibility, and buttons for easy navigation. These interactive components foster a connection with visitors and encourage them to explore further. Take care to implement these features in ways that complement your site's overall design and functionality, ensuring a seamless experience for all users.</p></div></div></div><div class="card col-12 col-md-6 col-lg-4"><div class="card-wrapper"><span class="mbr-iconfont">5</span><div class="card-box"><h5 class="display-7"><b>Preview Your Website</b></h5><p class="display-4">After customizing your content and adding functional elements, it's crucial to preview your website to assess its visual appeal and usability. Use the built-in preview feature within Mobirise AI to examine your site across different devices, ensuring it is responsive and polished. Take note of any inconsistencies or elements that need refinement. This step allows you to identify potential issues before publishing, giving you an opportunity to make necessary adjustments. Ensuring that your website looks and functions impeccably is pivotal for creating an inviting online presence that captivates visitors.</p></div></div></div><div class="card col-12 col-md-6 col-lg-4"><div class="card-wrapper"><span class="mbr-iconfont">6</span><div class="card-box"><h5 class="display-7"><b>Publish Your Website</b></h5><p class="display-4">Once you're satisfied with the final product, it's time to publish your website. Mobirise AI simplifies this process by providing several publishing options, including saving locally, exporting to an FTP host, or utilizing its integrated hosting services. Select the option that best aligns with your needs and preferences. After publishing, share your website link across social media and networks to attract visitors. Continuous engagement and updates will keep your online presence dynamic and relevant. You have now successfully established your personal website, taking a significant step in enhancing your digital footprint.</p></div></div></div> </div> </div> </section> <section data-bs-version="5" class="content4 cid-sEg5NgwGRD pt-5" id="content4-1u"> <div class="container"> <div class="row justify-content-center"> <div class="title col-md-12 col-lg-7"> <h3 class="mbr-section-title mbr-fonts-style align-center mb-4 display-5"><strong>Edit locally, upload wherever</strong></h3> </div> </div> </div> </section> <div class="row row-content justify-content-center"> <div class="card py-4 col-md-7"> <div class="row justify-content-center nowrap"> <div class="col-md-10 col-lg-11 col-sm-10"> <div class="text-box display-7 align-center"> Empower your online presence by publishing your website to a local drive or via FTP, and explore the flexibility of connecting through *.mobirisesite.com or a custom domain. Embrace the freedom to choose; don't let yourself be confined to a single service provider. Your website is an extension of your vision, offering you complete autonomy. Take charge of your digital footprint and unlock the potential to shape your online identity as you see fit. </div> </div> </div> </div> </div> <div class="row mt-5 mb-5 justify-content-center"> <div class="mbr-figure col-12 col-md-9"> <div class="video" style="position:relative;"><video muted="" autoplay="autoplay" loop="" poster="https://mobiri.se/assets/video/poster2.jpg" style="width:100%"> <source src="https://mobiri.se/assets/video/2.mp4" type="video/mp4"> </video></div> </div> </div> <section data-bs-version="5" class="content4 cid-sEg5NgwGRD" id="content4-1u"> <div class="container"> <div class="row justify-content-center"> <div class="title col-md-12 col-lg-7"> <h3 class="mbr-section-title mbr-fonts-style align-center mb-4 display-5"><strong>Sample page structure of myself website</strong></h3> </div> </div> </div> </section> <div class="row row-content justify-content-center"> <div class="card py-4 col-md-7"> <div class="row justify-content-center nowrap"> <div class="col-md-10 col-lg-11 col-sm-10"> <div class="text-box display-7"> <ul> <li><b>About Me</b> A personal introduction that highlights my journey, values, and what drives my passions.</li> <li><b>Portfolio</b> A curated showcase of my work, demonstrating my skills and creativity across various projects.</li> <li><b>Blog</b> A platform for sharing my thoughts, insights, and experiences on topics that inspire me.</li> <li><b>Services</b> An overview of the professional services I offer, tailored to meet diverse client needs.</li> <li><b>Testimonials</b> A collection of feedback and endorsements from clients and collaborators, reflecting my impact.</li> <li><b>Gallery</b> Visual highlights that capture moments and milestones, providing a glimpse into my creative endeavors.</li> <li><b>Contact</b> An easy way for visitors to reach out, whether for inquiries, collaborations, or networking.</li> <li><b>FAQ</b> Answers to common questions about my work, processes, and how to engage my services.</li> <li><b>Events</b> Information on upcoming speaking engagements, workshops, or appearances where I will be featured.</li> <li><b>Resources</b> A compilation of useful tools, articles, and links that I find valuable and would like to share.</li> </ul> </div> </div> </div> </div> </div> <section class="header6 cid-s6B29izaEe mbr-parallax-background" id="header6-3" style="padding: 4rem 0 3rem 0;"> <div class="mbr-overlay" style="opacity: 0.6; background-color: rgb(255, 255, 255);"></div> <div class="container-fluid"> <div class="row justify-content-center"> <div class="col-md-12 col-lg-9"> <h3 class="mbr-section-title mbr-fonts-style mb-3 display-5" style="text-transform: uppercase;"><strong>Best AI Website Builder for myself</strong></h3> <p class="mbr-text mbr-fonts-style display-7"> Mobirise is a user-friendly website builder tailored for individuals and small businesses seeking a hassle-free way to create responsive sites without prior coding knowledge. Its drag-and-drop interface facilitates seamless customization, offering a plethora of pre-designed templates and blocks. Users can easily incorporate multimedia elements, forms, and various integrations to enhance functionality. The app is mobile-friendly, ensuring that sites look great on any device. Additionally, Mobirise allows for offline project management, leading to a hassle-free development experience. Take the first step towards building your online presence—download Mobirise using the buttons below! </p> <div class="col-12 col-lg-12"> <div class="mbr-section-btn mt-4 align-center"><a class="btn btn-warning display-4" href="https://ai.mobirise.com/">Generate with Free AI!</a> <a class="btn btn-secondary display-4" href="https://mobirise.com/p/">Go Premium!</a></div> </div> </div> </div> </div> </section> <section data-bs-version="5" class="content4 cid-sEg5NgwGRD" id="content4-1u"> <div class="container"> <div class="row justify-content-center"> <div class="title col-md-12 col-lg-7 mt-5"> <h3 class="mbr-section-title mbr-fonts-style align-center mb-4 display-5"><strong>Which Mobirise blocks to add to the myself website?</strong></h3> </div> </div> </div> </section> <div class="row row-content justify-content-center"> <div class="card py-4 col-md-7"> <div class="row justify-content-center nowrap"> <div class="col-md-10 col-lg-11 col-sm-10"> <div class="text-box display-7"> <ul> <ul> <li><b>🎨 Custom Section</b> A versatile area to showcase personalized content, perfect for unique brand elements.</li> <li><b>📊 Testimonials Carousel</b> A dynamic display of client feedback to enhance credibility and trust.</li> <li><b>🌍 Google Maps Block</b> Integrate a map to pinpoint your location, making it easier for visitors to find you.</li> <li><b>📚 Blog Preview</b> An eye-catching summary of your latest articles to drive engagement and interest.</li> <li><b>🛠 FAQ Accordion</b> An organized layout for frequently asked questions, improving user experience and clarity.</li> <li><b>📧 Subscription Form</b> Encourage visitors to join your mailing list with an inviting and functional sign-up feature.</li> <li><b>🎥 Video Background</b> A captivating visual element to draw attention and convey your message powerfully.</li> <li><b>🔗 Social Media Links</b> Seamlessly connect to your social profiles, fostering community and engagement.</li> <li><b>🖼 Image Gallery</b> A stunning array of visuals to display your work or products attractively.</li> <li><b>🕒 Countdown Timer</b> Instill urgency for events or product launches with a countdown clock.</li> </ul> </ul> </div> </div> </div> </div> </div> <section data-bs-version="5" class="content4 cid-sEg5NgwGRD" id="content4-1u"> <div class="container"> <div class="row justify-content-center"> <div class="title col-md-12 col-lg-7"> </div> </div> </div> </section> <section data-bs-version="5" class="content4 cid-sEg5NgwGRD" id="content4-1u"> <div class="container"> <div class="row justify-content-center"> <div class="title col-md-12 col-lg-7"> <h3 class="mbr-section-title mbr-fonts-style align-center mb-4 display-5"><strong>What websites can be made with Mobirise?</strong></h3> </div> </div> </div> </section> <div class="row row-content justify-content-center"> <div class="card py-4 col-md-7"> <div class="row justify-content-center nowrap"> <div class="col-md-10 col-lg-11 col-sm-10"> <div class="text-box mb-5 display-7"> <ul> <li><b>Personal Portfolio</b> A showcase of my work, highlighting projects, skills, and experiences that demonstrate my abilities and creativity.</li> <li><b>Self-Improvement Blog</b> A reflection of my journey towards personal growth, sharing insights, tips, and strategies for becoming a better version of me.</li> <li><b>Creative Writing Site</b> A platform where my stories, poetry, and prose come to life, inviting readers into my imaginative world.</li> <li><b>Professional Resume</b> An online CV presenting my career achievements, educational background, and professional experiences in a concise and engaging format.</li> <li><b>Travel Diary</b> An interactive journal that captures my adventures, experiences, and discoveries while exploring different places around the globe.</li> <li><b>Art Gallery</b> A digital exhibition of my artistic creations, allowing art enthusiasts to appreciate and connect with my visual expressions.</li> <li><b>Health and Wellness Hub</b> A space dedicated to my fitness journey, offering recipes, workout routines, and motivational content for healthier living.</li> <li><b>Tech Review Blog</b> A site where I share insights and opinions on the latest gadgets and technology trends, catering to fellow tech enthusiasts.</li> <li><b>Photography Showcase</b> A collection of my photographic work, featuring landscapes, portraits, and events that capture moments and tell stories.</li> <li><b>Podcast Platform</b> A venue for my voice, discussing various topics and interviews, inviting listeners to engage with my thoughts and ideas.</li> </ul> <div style="display:none;"> personal portfolio site, self-introduction webpage, individual profile platform, personal branding website, self-presentation page, online persona hub, self-representation site, digital personal showcase, individualized web presence, uniqueness display website, personal story platform, self-built homepage, personal achievements site, self-made online biography, individual identity website, customized about me page, personal growth site, self-exploration web hub, distinctive self-promotion site, personal journey website, individual content platform, self-identity showcase, tailored personal web space, personal narrative website, self-expressive online profile, unique self-portrayal platform, crafted personal resume site, self-curated online gallery, specific personal vision site, individually tailored website. </div> </div> </div> </div> </div> </div> <section data-bs-version="5" class="content4 cid-sEg5NgwGRD mt-5 mb-4" id="content4-1u"> <div class="container"> <div class="row justify-content-center"> <div class="title col-md-12 col-lg-7"> <h3 class="mbr-section-title mbr-fonts-style align-center mb-4 display-5"><strong>Choosing the right tool for myself websites</strong></h3> </div> </div> </div> </section> <div class="row row-content justify-content-center"> <div class="card py-4 col-md-7"> <div class="row justify-content-center nowrap"> <div class="col-md-10 col-lg-11 col-sm-10"> <div class="text-box display-7"> <ul> <ul> <li> <b> Mobirise AI </b> A user-friendly application designed for individuals and small businesses to create responsive websites easily, Mobirise AI offers a drag-and-drop interface that simplifies the design process. With its AI-driven tools, it helps you choose the best layout and features tailored to your specific needs. Its extensive library of templates and components allows for quick customization, making it a great alternative for non-tech-savvy users. </li> <li> <b> Wix ADI </b> Wix's Artificial Design Intelligence (ADI) is perfect for users seeking a tailored website experience. It starts by asking a few questions about your preferences and then generates a stunning website in moments. Additionally, Wix ADI continuously learns from your choices, optimizing layout and functionalities as you make adjustments, providing personalized recommendations to enhance your site effectively. </li> <li> <b> Bookmark </b> Bookmark utilizes its AI assistant, AIDA, to craft your website in minutes. After answering some simple questions about your desired website type and style, AIDA generates a fully functional site that you can edit. With features like automatic content generation and e-commerce integration, it’s particularly advantageous for those keen on creating online stores or portfolios quickly. </li> <li> <b> Site123 </b> Site123 is designed for individuals who need a straightforward solution. Its focus is on simplicity, allowing you to create a website flawlessly without coding. The app offers various templates and a straightforward step-by-step guide, making it ideal for users who prefer a guided approach. Additionally, it features collaboration tools for feedback, enhancing user engagement during the design phase. </li> <li> <b> Zyro </b> Zyro offers a unique blend of AI tools, including a logo maker, content generator, and heatmaps for user behavior analysis. Its user interface is streamlined, providing customizable templates to suit any individual’s style. The integration of AI-driven branding tools sets it apart, allowing you to create a cohesive online presence tailored to your personal or business identity. </li> <li> <b> Jimdo </b> Jimdo differentiates itself by prioritizing mobile optimization, making it a solid choice for personal brands that require a strong mobile presence. It utilizes an efficient AI system that proposes designs based on your style preferences. The ease of editing and modern template designs make it especially suitable for creatives wanting to showcase portfolios or personal projects. </li> <li> <b> Weebly </b> Weebly’s robust e-commerce features cater to individuals looking to start online businesses. Its drag-and-drop interface makes it user-friendly, allowing you to establish an attractive website effortlessly. With integrated marketing tools and SEO features, it enhances visibility, making Weebly a smart choice for personal or business websites aiming for growth. </li> </ul> </ul> </div> </div> </div> </div> </div> <section data-bs-version="5" class="content4 cid-sEg5NgwGRD pt-5" id="content4-1u"> <div class="container"> <div class="row justify-content-center"> <div class="title col-md-12 col-lg-7"> <h3 class="mbr-section-title mbr-fonts-style align-center mb-4 display-5"><strong>Edit code of Mobirise blocks</strong></h3> </div> </div> </div> </section> <div class="row row-content justify-content-center"> <div class="card py-4 col-md-7"> <div class="row justify-content-center nowrap"> <div class="col-md-10 col-lg-11 col-sm-10"> <div class="text-box display-7 align-center"> Explore the Edit Code feature within the Code Editor extension to customize your projects. Tailor your scripts to enhance functionality and modify CSS to achieve your desired aesthetics. This tool empowers you to create a unique, responsive design that aligns perfectly with your vision and requirements. Embrace the possibilities! </div> </div> </div> </div> </div> <div class="row mt-5 mb-5 justify-content-center"> <div class="mbr-figure col-12 col-md-9"> <div class="video" style="position:relative;"><video muted="" autoplay="autoplay" loop="" poster="https://mobiri.se/assets/video/poster5.jpg" style="width:100%"> <source src="https://mobiri.se/assets/video/5.m4v" type="video/mp4"> </video></div> </div> </div> <script type="application/ld+json"> { "@context" : "http://schema.org", "@type" : "SoftwareApplication", "name" : "Myself Generator", "screenshot" : "https://mobirise.com/sub-assets/images/step-2.jpg", "image" : [ "https://mobirise.com/sub-assets/images/free.jpg", "https://mobirise.com/sub-assets/images/user-friendly.jpg" ], "aggregateRating" : { "@type" : "AggregateRating", "ratingValue" : "4.9", "ratingCount" : "297" }, "author" : { "@type" : "Organization", "name" : "Mobirise AI" }, "applicationCategory" : "BusinessApplication", "url" : "https://mobirise.com/", "downloadUrl" : "https://mobirise.com/history.html", "operatingSystem" : "Windows, MacOS, Android, Linux", "softwareVersion" : "5.9", "offers" : { "@type" : "Offer", "price" : "0", "priceCurrency" : "USD" } } </script> <section data-bs-version="5" class="content4 cid-sEg5NgwGRD" id="content4-1u"> <div class="container"> <div class="row justify-content-center"> <div class="title col-md-12 col-lg-7"> <h3 class="mbr-section-title mbr-fonts-style align-center mb-4 mt-4 display-5"><strong>FAQ</strong></h3> </div> </div> </div> <div class="row row-content justify-content-center"> <div class="card py-4 col-md-7 mb-4"> <div class="row justify-content-center nowrap"> <div class="col-md-10 col-lg-11 col-sm-10"> <div class="text-box display-7"> <div itemscope="" itemtype="https://schema.org/FAQPage"> <div itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question"> <h4 itemprop="name">What is the first step to creating a website for myself?</h4> <div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div itemprop="text">Start by defining the purpose of your website. Think about your goals, target audience, and what content you want to showcase. This will guide your design and functionality decisions.</div><br> </div> </div> <div itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question"> <h4 itemprop="name">Do I need to know how to code to build a website?</h4> <div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div itemprop="text">No, coding skills are not mandatory. Website builders like <a href="https://mobirise.com/" class="text-info">Mobirise</a> allow you to create websites using a drag-and-drop interface, making it accessible for everyone.</div><br> </div> </div> <div itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question"> <h4 itemprop="name">What platform should I use to build my website?</h4> <div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div itemprop="text">Choosing a platform depends on your needs. Website builders, CMS platforms, or custom coding are options. Assess your requirements in terms of ease of use, customization, and scalability.</div><br> </div> </div> <div itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question"> <h4 itemprop="name">Is it possible to build a professional-looking site for free?</h4> <div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div itemprop="text">Yes, several platforms offer free plans. However, they may have limitations. Consider using platforms like <a href="https://mobirise.com/" class="text-info">Mobirise</a> that provide extensive free templates to help you create a polished site.</div><br> </div> </div> <div itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question"> <h4 itemprop="name">What should I consider when designing my website?</h4> <div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div itemprop="text">Focus on user experience, such as navigation simplicity, mobile responsiveness, and loading speed. Also, ensure your design aligns with your brand identity for greater impact.</div><br> </div> </div> <div itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question"> <h4 itemprop="name">How do I promote my newly created website?</h4> <div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div itemprop="text">Utilize social media, SEO techniques, and online advertising to increase visibility. Sharing valuable content regularly and engaging with your audience can significantly enhance traffic to your site.</div><br> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section data-bs-version="5"> <div class="container"> <div class="row justify-content-center"> <div class="title col-md-12 col-lg-7 mt-5"> <h3 class="mbr-section-title mbr-fonts-style align-center mb-4 display-5"><strong>User Reviews about myself website apps</strong></h3> </div> </div> </div> <div class="row row-content justify-content-center"> <div class="card py-4 col-md-7"> <div class="row justify-content-center nowrap"> <div class="col-md-10 col-lg-11 col-sm-10"> <div class="text-box display-7"> <ul> <li><b>Effortless Design with Mobirise</b> - <i>Sarah T.</i> <p class="text-box display-7" style="font-size:1rem">Creating a personal website was daunting, but Mobirise made it surprisingly easy. I chose it for its user-friendly drag-and-drop interface, which appealed to my non-technical background. While I was building, questions like 'How do I optimize for mobile?' popped up frequently. Navigating the templates was a breeze, but customizing the layouts often felt restricted. However, the outcome exceeded my expectations—my portfolio now looks professional, and I've even received compliments!</p> </li> <li><b>From Concept to Reality</b> - <i>Jordan K.</i> <p class="text-box display-7" style="font-size:1rem">In my quest to establish an online presence, Mobirise stood out due to its flexibility and modern aesthetics. Initially, I grappled with whether to include animations or keep it simple. The process ran smoothly overall, but I did hit a snag with image resolution that took some tweaking. Ultimately, I achieved a stunning website that feels uniquely ‘me.’ However, I found the lack of comprehensive customer support to be a letdown when I needed help.</p> </li> <li><b>Simple and Effective</b> - <i>Emma R.</i> <p class="text-box display-7" style="font-size:1rem">Building my personal blog using WordPress was a learning experience. After choosing it for its vast plugins, I frequently questioned how to best integrate SEO features. While setting everything up, challenges arose, especially with theme compatibility. Despite these hurdles, I ended up with a blog that feels personal and inviting. However, the initial learning curve was steep for me, which might deter some users.</p> </li> <li><b>Creative Freedom</b> - <i>Lucas P.</i> <p class="text-box display-7" style="font-size:1rem">I opted for Wix to create my online portfolio because of its customizability. As I navigated through its features, I wondered about the right balance between elegance and functionality. The building process was intuitive but the transition from an idea to a live site posed some hurdles, particularly in layout adjustments. Nevertheless, the final product reflects my style remarkably well. On the downside, I noticed some performance issues with loading time.</p> </li> <li><b>A Satisfying Journey with Mobirise</b> - <i>Olivia J.</i> <p class="text-box display-7" style="font-size:1rem">Creating my online portfolio with Mobirise was a positive experience. I was drawn to its offline capabilities, allowing me to work without being online. During the design phase, I often questioned the optimal placement of elements to catch the viewer's eye. The challenges were minimal; I did face some issues with template customization. Still, the result was a polished website. One drawback was the limited pre-built components for content.</p> </li> <li><b>Customizing My Space</b> - <i>Michael B.</i> <p class="text-box display-7" style="font-size:1rem">For my passion project, I chose Squarespace due to its elegant templates. As I built my site, questions emerged regarding image optimization and layout hierarchy. The process flowed well but was occasionally interrupted by the need for detailed customization. The finished website successfully encapsulated my creative vision. However, I did find the pricing model a bit steep for what I wanted to offer.</p> </li> <li><b>Bringing My Vision to Life</b> - <i>Isabella L.</i> <p class="text-box display-7" style="font-size:1rem">I decided to create my website using Weebly for its straightforward setup. The lack of coding knowledge made it attractive. Questions about blog integration and SEO kept popping up while I worked. The overall progress was steady, although I encountered connectivity issues midway. The end result was fulfilling—an engaging personal website that reflects my interests. However, I did notice some limitations in design flexibility.</p> </li> <li><b>A Professional Touch</b> - <i>Jack W.</i> <p class="text-box display-7" style="font-size:1rem">Building a business site with Shopify was a strategic choice for me. I valued the e-commerce features right from the start. While setting it up, I faced questions about payment integrations and inventory management. The process had its bumps, particularly related to app integrations. Ultimately, I created a functional and stylish e-commerce site that has earned praise. A downside was the monthly fees that can add up quickly.</p> </li> </ul> </div> </div> </div> </div> </div> <div class="row row-content justify-content-center"> <div class="card py-4 col-md-7"> <div class="row justify-content-center nowrap"> <div class="col-md-10 col-lg-11 col-sm-10"> <div class="text-box display-7"> <ul> <li><b>Transformative Experience!</b> - <i>Anna T.</i> <p class="text-box display-7" style="font-size:1rem"><b><i>Pros:</i></b> I learned a lot about web design and development. The ability to express my ideas visually has boosted my confidence. Plus, using user-friendly platforms made it easier than expected.</p> <p class="text-box display-7" style="font-size:1rem"><b><i>Cons:</i></b> I faced some technical hurdles that required extensive troubleshooting. Time management became an issue, as I underestimated the time required to launch my site.</p></li> <li><b>A Dream Realized!</b> - <i>Mark R.</i> <p class="text-box display-7" style="font-size:1rem"><b><i>Pros:</i></b> The satisfaction of seeing my vision come to life was incredible. I customized every element according to my preferences, and the tools provided a lot of flexibility.</p> <p class="text-box display-7" style="font-size:1rem"><b><i>Cons:</i></b> Initial costs for premium themes and plugins added up quickly. Additionally, ongoing maintenance can feel overwhelming for someone not technically inclined.</p></li> </ul> </div> </div> </div> </div> </div> </section> <section data-bs-version="5" class="content4 cid-sEg5NgwGRD pt-5" id="content4-1u"> <div class="row mt-5 mb-5 justify-content-center"> <div class="mbr-figure col-12 col-md-9"> <iframe class="mbr-embedded-video" src="https://www.youtube.com/embed/sGpPgQeEyOc?rel=0&amp;mute=1&showinfo=0&autoplay=1&loop=1&playlist=sGpPgQeEyOc" width="1280" height="720" frameborder="0" allowfullscreen="" style="height: 507.938px;"></iframe> </div> </div> <div class="align-center container-fluid"> <div class="row justify-content-center"> <div class="title col-md-12 col-lg-7"> <h3 class="mbr-section-title mbr-fonts-style align-center mb-4 display-5"><strong>Create free myself website with AI!</strong></h3> </div> </div> </div> </section> <div class="row row-content justify-content-center"> <div class="card py-4 col-md-7"> <div class="row justify-content-center nowrap"> <div class="col-md-10 col-lg-11 col-sm-10 align-center"> <div class="text-box display-7"> Transform your online presence effortlessly with our intuitive website builder. Create stunning, high-speed websites without any coding knowledge. Enjoy the freedom of thousands of customizable site blocks at your fingertips. Whether for personal projects or business ventures, everything is free for you to use. Experience a seamless drag-and-drop interface that empowers your creativity. Download now without any cost and start crafting your ideal website today. </div> <div class="mbr-section-btn mt-4 mb-3"><a class="btn btn-primary display-7" href="https://mobirise.com/">Download Now!</a> <a class="btn btn-secondary display-7" href="https://mobirise.com/#header13-1l">Learn More</a></div> </div> </div> </div> </div> <section class="footer4 cid-s7W1NSqRlx mbr-parallax-background" once="footers" id="footer4-1x"> <div class="mbr-overlay" style="opacity: 0.7; background-color: rgb(0, 0, 0);"></div> <div class="container"> <div class="row mbr-white"> <div class="col-12 col-md-6 col-lg-2 offset-lg-1"> <div class="media-wrap"> <a href="#"> <picture> <source srcset="assets52/images/logo.webp" type="image/webp"> <source srcset="assets52/images/logo.png" type="image/png"> <img src="assets52/images/logo.png" alt="Logo"> </picture> </a> </div> </div> <div class="col-12 col-md-6 col-lg-3 offset-lg-2"> <p class="mbr-text mbr-fonts-style mb-4 display-7"> <a href="https://mobirise.com/about/" style="font-style: normal;">About</a> <a href="https://mobirise.com/help/" style="font-style: normal;" target="_blank">Help</a> <a href="http://forums.mobirise.com/" style="font-style: normal;">Forums</a> <a href="mailto:support@mobirise.com" style="font-style: normal; line-height: 1.6;">support@mobirise.com</a> Flight Forum 40, 5657 DB Eindhoven, Netherlands Updated <time class="mbr-text" itemprop="dateModified" datetime="2024-11-14T15:08:20.571Z">2024-11-14</time> </p> </div> </div> </div> <div class="media-container-row"> <div class="col-10"> <hr> </div> </div> <div class="container"> <div class="media-container-row align-center mbr-white"> <div class="row row-copirayt"> <p class="mbr-text mb-0 mbr-fonts-style mbr-white align-center display-7">Mobirise® is a registered trademark. © 2024 Mobirise AI for myself Websites - All Rights Reserved. <a href="https://mobirise.com/terms.html" style="font-style: normal; line-height: 1.6;">Terms</a>, <a href="https://mobirise.com/privacy.html" style="font-style: normal; line-height: 1.6;">Privacy</a> </p> </div> </div> </div> </section> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "Mobirise", "legalName": "Mobirise Ltd", "url": "https://mobirise.com/about/", "logo": "https://mobirise.com/assets52/images/logo.png", "foundingDate": "2015", "email": "support@mobirise.com", "address": { "@type": "PostalAddress", "streetAddress": "Flight Forum 40", "addressLocality": "Eindhoven", "postalCode": "5657 DB", "addressCountry": "Netherlands" }, "brand": {"@type": "Thing", "name": "Mobirise"}, "sameAs": [ "https://mobirise.com/", "https://www.facebook.com/Mobirise", "https://www.instagram.com/mobirise/", "https://www.youtube.com/c/mobirise", "https://twitter.com/mobirise" ] } </script> <div class="modal mbr-popup cid-sbcUQOGIks fade" tabindex="-1" role="dialog" data-overlay-color="#000000" data-overlay-opacity="0.8" id="mbr-popup-d" aria-hidden="true" data-on-exit="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-text"> <div class="modal-header pb-0"> <h5 class="modal-title mbr-fonts-style display-5">Thanks for downloading Mobirise!</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24" fill="currentColor"> <path d="M13.4 12l10.3 10.3-1.4 1.4L12 13.4 1.7 23.7.3 22.3 10.6 12 .3 1.7 1.7.3 12 10.6 22.3.3l1.4 1.4L13.4 12z"></path> </svg> </button> </div> <div class="modal-body"> <p class="mbr-text mbr-fonts-style display-7"> To start with Mobirise, wait for download to finish and click the downloaded file. If your download does not start, please <a href="https://mobirise.com/mobirise-free.zip" class="link">try again</a>. </p> </div> <div class="cts" style="display: none;"> <div class="cts-label display-5">Click to Start</div> <i class="cts-icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M18.7 17.3L12 24l-6.7-6.7 1.4-1.4 4.3 4.3V0h2v20.2l4.3-4.3 1.4 1.4z"></path></svg> </i> <div> </div> </div> </div> </div> <style> .fade:not(.show){opacity:0}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.fade{transition:opacity .9s linear}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.cid-sbcUQOGIks .cts{position:fixed;color:#f66;opacity:.9;left:55px;bottom:39px}.cid-sbcUQOGIks .cts-label{line-height:1.1;white-space:pre-line;text-align:center;font-size:3rem;font-weight:600;margin-bottom:-2rem}.cid-sbcUQOGIks .cts-icon{display:block;font-size:120px;width:120px;text-align:center;-webkit-animation:arrow-anim 1s linear infinite;animation:arrow-anim 1s linear infinite}.cid-sbcUQOGIks .modal-content,.cid-sbcUQOGIks .modal-dialog{height:100%}.cid-sbcUQOGIks .mbr-text{text-align:center}.cid-sbcUQOGIks .pt-0{padding-top:0!important}.cid-sbcUQOGIks .pb-0{padding-bottom:0!important}.cid-sbcUQOGIks .modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.cid-sbcUQOGIks .modal-dialog{position:relative;width:100%;max-width:100vw;margin:0;pointer-events:none}.cid-sbcUQOGIks .modal-dialog-centered{display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem * 2))}.cid-sbcUQOGIks .modal-dialog-centered::before{display:block;height:calc(100vh - (.5rem * 2));content:}.cid-sbcUQOGIks .modal-content{background:#fff;opacity:1;position:relative;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;align-items:center;width:100%;pointer-events:auto;background-clip:padding-box;border:none;border-radius:0;outline:0}.cid-sbcUQOGIks .modal-text{max-width:500px}.cid-sbcUQOGIks .modal-header{display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:none}.cid-sbcUQOGIks .modal-header .close{position:absolute;top:2rem;right:2rem;margin:-1rem -1rem -1rem auto;padding:1rem;opacity:.3}.cid-sbcUQOGIks .modal-header .close:hover{opacity:1}.cid-sbcUQOGIks .modal-header .close:focus{outline:0}.cid-sbcUQOGIks .modal-title{font-weight:600;width:100%;margin:0;text-align:center}.cid-sbcUQOGIks .modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem;min-height:100%}@media (min-width:576px){.cid-sbcUQOGIks .modal-dialog-centered{min-height:calc(100% - (1.75rem * 2))}.cid-sbcUQOGIks .modal-dialog-centered::before{height:calc(100vh - (1.75rem * 2))}}@keyframes arrow-anim{0%{transform:translateY(0)}50%{transform:translateY(20px)}100%{transform:translateY(0)}}#aiWizardAlert { background-color: #0000005e; } #aiWizard .modal-dialog, #feedbackModal .modal-dialog, #aiWizardAlert .modal-dialog { transition: 0.2s; } .aiPromt{ cursor: pointer; } .aiTitle { text-align: center; } .aiTextarea{ height: 80px; min-height: 80px; padding: 0.6rem 1.2rem; border: 1px solid transparent !important; border-radius: 4px; width: 100%; background-color: #ffffff; background-clip: border-box; color: #232323; box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px 0px, rgba(0, 0, 0, 0.07) 0px 1px 3px 0px, rgba(0, 0, 0, 0.03) 0px 0px 0px 1px; font-family: 'Jost', sans-serif; font-size: 1.1rem; line-height: 1.5; font-weight: 400; border-color: #80bdff; box-shadow: 0 0 0 0.13rem rgba(0, 123, 255, 0.25); outline: 0; } .modal-dialog { max-width: 600px; } small { font-size: 1rem; } .modal-header { justify-content: start; align-items: flex-start; position: relative; } .modal-header span { font-size: 0.7rem; color: red; margin-left:0.5rem; } .modal-header p{ position: absolute; bottom: -10px; font-size: 0.8rem; color: #9b9b9b; } .modal-content { border-radius: 16px !important; border: none !important; } .modal-body { @media(max-width:767px) { padding: 1rem; } display: flex; flex-direction: column; align-items: center; justify-content: center; } .modal-footer { @media(max-width:767px) { padding: 1rem; } } .modal-form-btn { margin-top: 1rem; text-align: center; } .modal-footer { @media(min-width:768px) { padding: 1rem; } } .modal h1 { font-size: 2rem; line-height: 1.5; } .modal .form-control { border-radius: 10px !important; font-size: 1.2rem; line-height: 1.5; padding: 1rem; } .modal label { font-size: 1.2rem; } .modal button { font-size: 1.2rem; margin-bottom: 1rem; margin: 0; border-radius: 10px !important; padding: 1rem 1.5rem !important; } .modal button { font-size: 1rem; padding: 1rem !important; } .modal .mbr-section-btn { margin: 0; } #downloadButton { position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999; width: 100%; } #downloadButton .d-flex { justify-content: flex-end; } #generatedSite { width: 100vw; height: 100vh; } #downloadButton button { margin: 0.5rem; box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.4); } </style> <script> var $downloadBtns=document.querySelectorAll('a[href^="https://mobirise.com/mobirise-free-"]'),isChrome=/Chrome/.test(navigator.userAgent)&&!/OPR/.test(navigator.userAgent),popup=document.getElementById("mbr-popup-d"),$arrow=popup.querySelector(".cts");$downloadBtns.forEach(function(e){var t=e.getAttribute("href");e.onclick=function(e){if(isChrome){var o=popup.querySelector('a[class="link"]');setTimeout(function(){$arrow.setAttribute("style","display: block;")},1e3),popup.classList.contains("show")||popup.classList.add("show"),popup.setAttribute("style","display: block;"),o.setAttribute("href",t)}}});var $close=document.querySelector("#mbr-popup-d .close");$close.onclick=function(e){e.preventDefault(),window.open("https://mobirise.com/extensions/kit/","_blank"),popup.classList.remove("show"),popup.setAttribute("style","display:none;")}; </script> <script type="text/javascript" src="assets52/js/build.js"></script> <script type="text/javascript" src="assets52/js/bootstrap.bundle.min.js"></script> <script src="https://mobirise.com/bootstrap-template/assets2/jquery/jquery.min.js"></script> <script src="https://mobirise.com/bootstrap-template/assets2/popper/popper.min.js"></script> <script src="https://mobirise.com/bootstrap-template/assets2/tether/tether.min.js"></script> <script src="https://mobirise.com/bootstrap-template/assets2/bootstrap/js/bootstrap.min.js"></script> <script src="https://mobirise.com/bootstrap-template/assets2/smoothscroll/smooth-scroll.js"></script> <script src="https://mobirise.com/bootstrap-template/assets2/dropdown/js/nav-dropdown.js"></script> <script src="https://mobirise.com/bootstrap-template/assets2/dropdown/js/navbar-dropdown.js"></script> <script src="https://mobirise.com/bootstrap-template/assets2/touchswipe/jquery.touch-swipe.min.js"></script> <script src="https://mobirise.com/bootstrap-template/assets2/playervimeo/vimeo_player.js"></script> <script src="https://mobirise.com/bootstrap-template/assets2/theme/js/script.js"></script> </div></div></body></html>