CINXE.COM

Free AI Website Builder for Personal Biography

<!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="Best Personal Biography Website Builder. Create a Website for Personal Biography! Free, no-code, with AI! 9900+ website templates."> <title>Free AI Website Builder for Personal Biography</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&amp;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>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/website-builder/personal-biography.html"><link rel="alternate" hreflang="en" href="https://mobirise.com/website-builder/personal-biography.html"><link rel="alternate" hreflang="x-default" href="https://mobirise.com/website-builder/personal-biography.html"><link rel="alternate" hreflang="de" href="https://mobirise.com/website-builder/de/personal-biography.html"><link rel="alternate" hreflang="es" href="https://mobirise.com/website-builder/es/personal-biography.html"><link rel="alternate" hreflang="pt" href="https://mobirise.com/website-builder/pt/personal-biography.html"><link rel="alternate" hreflang="fr" href="https://mobirise.com/website-builder/fr/personal-biography.html"><link rel="alternate" hreflang="it" href="https://mobirise.com/website-builder/it/personal-biography.html"><link rel="alternate" hreflang="nl" href="https://mobirise.com/website-builder/nl/personal-biography.html"><link rel="alternate" hreflang="pt" href="https://mobirise.com/website-builder/pt/personal-biography.html"><link rel="alternate" hreflang="ru" href="https://mobirise.com/website-builder/ru/personal-biography.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/bookstore.html">How to Сreate Bookstore Website</a> <a href="https://mobirise.com/how-to/community-group.html">How to Сreate Community Group Website</a> <a href="https://mobirise.com/how-to/clubs-and-organizations.html">How to Сreate Clubs And Organizations Website</a> <a href="https://mobirise.com/how-to/selling-service.html">How to Сreate Selling Service Website</a> <a href="https://mobirise.com/how-to/selling-book.html">How to Сreate Selling Book Website</a> <a href="https://mobirise.com/how-to/store.html">How to Сreate Store Website</a> <a href="https://mobirise.com/how-to/virtual-assistant.html">How to Сreate Virtual Assistant Website</a> <a href="https://mobirise.com/how-to/wedding.html">How to Сreate Wedding Website</a> <a href="https://mobirise.com/how-to/radio-station.html">How to Сreate Radio Station Website</a> <a href="https://mobirise.com/how-to/beauty-salon.html">How to Сreate Beauty Salon Website</a> <a href="https://mobirise.com/website-builder/book-publishing.html">Book Publishing</a> <a href="https://mobirise.com/website-builder/architect.html">Architect</a> <a href="https://mobirise.com/website-builder/fashion-blog.html">Fashion Blog</a> <a href="https://mobirise.com/website-builder/clothing-store.html">Clothing Store</a> <a href="https://mobirise.com/website-builder/barber-shop.html">Barber Shop</a> <a href="https://mobirise.com/website-builder/inventory-management-system.html">Inventory Management System</a> <a href="https://mobirise.com/website-builder/classical-musician.html">Classical Musician</a> <a href="https://mobirise.com/website-builder/delivery-service.html">Delivery Service</a> <a href="https://mobirise.com/website-builder/shop.html">Shop</a> <a href="https://mobirise.com/website-builder/videography.html">Videography</a> <a href="https://mobirise.com/website-builder/cleaning-service.html">Cleaning Service</a> <a href="https://mobirise.com/website-builder/computer-service.html">Computer Service</a> <a href="https://mobirise.com/website-builder/web-designer.html">Web Designer</a> <a href="https://mobirise.com/website-builder/electronic.html">Electronic</a> <a href="https://mobirise.com/website-builder/theater-company.html">Theater Company</a> <a href="https://mobirise.com/website-builder/blogspot.html">Blogspot</a> <a href="https://mobirise.com/website-builder/digital-marketing-agency.html">Digital Marketing Agency</a> <a href="https://mobirise.com/website-builder/consulting-service.html">Consulting Service</a> <a href="https://mobirise.com/website-builder/hire.html">Hire</a> <a href="https://mobirise.com/website-builder/wedding-photographer.html">Wedding Photographer</a> <a href="https://mobirise.com/website-builder/product-showcase.html">Product Showcase</a> <a href="https://mobirise.com/website-builder/online-shopping.html">Online Shopping</a> <a href="https://mobirise.com/website-builder/product-review.html">Product Review</a> <a href="https://mobirise.com/website-builder/hospital.html">Hospital</a> <a href="https://mobirise.com/website-builder/school.html">School</a> <a href="https://mobirise.com/website-builder/mobile-web.html">Mobile Web</a> <a href="https://mobirise.com/website-builder/internet-marketer.html">Internet Marketer</a> <a href="https://mobirise.com/website-builder/association.html">Association</a> <a href="https://mobirise.com/website-builder/music-artist.html">Music Artist</a> <a href="https://mobirise.com/website-builder/website-development-company.html">Website Development Company</a> <a href="https://mobirise.com/builder/web-development-software.html">Web Development Software</a> <a href="https://mobirise.com/builder/easiest-website-builder.html">Easiest Website Builder</a> <a href="https://mobirise.com/builder/ai-website-maker.html">Ai Website Maker</a> <a href="https://mobirise.com/builder/web-design-program.html">Web Design Program</a> <a href="https://mobirise.com/builder/landing-page-builder.html">Landing Page Builder</a> <a href="https://mobirise.com/builder/ai-website-builder.html">Ai Website Builder</a> <a href="https://mobirise.com/builder/small-business-website-builder.html">Small Business Website Builder</a> <a href="https://mobirise.com/builder/mac-website-builder.html">Mac Website Builder</a> <a href="https://mobirise.com/builder/landing-page-software.html">Landing Page Software</a> <a href="https://mobirise.com/builder/no-code-website-builder.html">No Code Website Builder</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> <a class="text-black dropdown-item text-primary display-4" href="https://mobirise.com/how-to/make-your-own-website/">How to create your own website</a></div> <div class="lang-dropdown-menu" style="display:none;"> <a class="lang-option" href="https://mobirise.com/website-builder/personal-biography.html">English</a><a class="lang-option" href="https://mobirise.com/website-builder/de/personal-biography.html">Deutsch</a><a class="lang-option" href="https://mobirise.com/website-builder/es/personal-biography.html">Español</a><a class="lang-option" href="https://mobirise.com/website-builder/pt/personal-biography.html">Português</a><a class="lang-option" href="https://mobirise.com/website-builder/fr/personal-biography.html">Français</a><a class="lang-option" href="https://mobirise.com/website-builder/it/personal-biography.html">Italiano</a><a class="lang-option" href="https://mobirise.com/website-builder/nl/personal-biography.html">Nederlands</a><a class="lang-option" href="https://mobirise.com/website-builder/pt/personal-biography.html">Português</a><a class="lang-option" href="https://mobirise.com/website-builder/ru/personal-biography.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>Free AI Website Builder for Personal Biography</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> <h2 class="mbr-text mbr-fonts-style display-2 d-none"> Make awesome websites with best personal biography AI website builder. </h2> <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/FPvWhJHCy-4?rel=0&amp;playlist=FPvWhJHCy-4&amp;autoplay=1&amp;loop=1&amp;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">Embark on your website creation journey with our AI, designed to generate tailored content, striking images, and intuitive layouts based on your unique prompts. Once the foundation is laid, refine and personalize your site using our user-friendly biography website builder. This seamless process empowers you to craft an online presence that truly reflects your individuality, transforming your ideas into a captivating digital narrative that resonates with visitors and showcases your story effectively.</span> <span class="display-7" style="display:none"> Generate e a website with personal profile site creator, online biography designer, personal history webpage maker, biography portfolio generator, digital life story builder, individual memoir site platform, self-presentation website tool, personal narrative creator, biography-centric web builder, custom biography site maker, individualized profile page creator, self-expressive site designer, personal chronicle website generator, unique biography web platform, life journey site creator, individualized history webpage builder, personal story site designer, tailored biography portal creator, biography showcase website tool, personal bio domain builder, narrative-driven web builder, comprehensive biography site tool, reflective biography creator, personal legacy web builder, autobiographical website designer, digital biography assembly tool, online life story creator, personal achievement web builder, biography site crafting platform, life experience website generator, identity-focused web creator, online persona site builder, self-storytelling website designer, biography exhibition page creator, customized memoir site tool, personal brand web builder, distinctive biography platform, narrative website creator, biographical profile site designer, bespoke personal story builder </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&amp;playlist=lQ9c9RYHc1I&amp;autoplay=1&amp;loop=1&amp;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 personal biography templates</strong></h4> <span class="display-7">To begin crafting a personal biography website, download Mobirise. Once installed, explore the AI template library to choose a design that resonates with your style. This straightforward process allows you to showcase your story effectively, making it easy to share your experiences and achievements with a wider audience.</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/creatorm5/makeup-artist/"><img src="https://my.mobirise.com/data/upload/thumbs/creatorm5/projects/makeup-artist/cover.jpg" alt="Makeup Artist"></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/creatorm5/youtube-video-creator/"><img src="https://my.mobirise.com/data/upload/thumbs/creatorm5/projects/youtube-video-creator/cover.jpg" alt="Youtube Video Creator"></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/skillm4/portfolio/"><img src="https://my.mobirise.com/data/upload/thumbs/skillm4/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/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/portfoliom4/photographer/"><img src="https://my.mobirise.com/data/upload/thumbs/portfoliom4/projects/photographer/cover.jpg" alt="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/portfoliom4/portfolio/"><img src="https://my.mobirise.com/data/upload/thumbs/portfoliom4/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/creatorm5/social-media-influencer/"><img src="https://my.mobirise.com/data/upload/thumbs/creatorm5/projects/social-media-influencer/cover.jpg" alt="Social Media Influencer"></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&amp;playlist=WNCX3T2rSG0&amp;autoplay=1&amp;loop=1&amp;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>Features of personal biography website builder</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>Customizable Templates</b></h5><p class="display-4">Selecting from a variety of customizable templates allows users to highlight their personal style and unique narrative. This feature enables effortless alterations, ensuring that the design reflects individual preferences while focusing on biography content. The array of layouts caters to varying tastes, making it easy for anyone to present their story artistically. This flexibility is essential for creating a standout online presence that truly resonates with visitors, encouraging a deeper connection with the biographical content shared on the site.</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>Intuitive Content Editor</b></h5><p class="display-4">An intuitive content editor simplifies the process of adding and modifying text, images, and multimedia elements. Users can easily format their biography, rearranging sections or incorporating new content without needing coding knowledge. This feature supports various content types, from written narratives to video introductions, enriching the biography with engaging elements. The straightforward interface means any update is a breeze, allowing users to keep their biography fresh and relevant, reflecting their evolving personal journey and accomplishments seamlessly.</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>Mobile Responsiveness</b></h5><p class="display-4">Mobile responsiveness ensures that biographies look impressive across all devices. This characteristic provides a seamless experience for users browsing on smartphones or tablets, adapting layout and visuals accordingly. An optimized mobile interface enhances engagement, as audiences can easily navigate and absorb the content anytime, anywhere. By catering to mobile visitors, personal biography websites gain increased accessibility and reach, amplifying the potential audience and connecting with readers in a manner that suits their lifestyle.</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 Optimization</b></h5><p class="display-4">SEO optimization tools enhance the visibility of personal biographies on search engines. Integrating keywords, meta descriptions, and alt text ensures that the biography ranks higher in searches, attracting more visitors. Users can easily customize their content for search engines without needing extensive knowledge of SEO practices. This feature is invaluable for building an online presence, facilitating wider recognition and engagement as individuals connect with audiences interested in their story, accomplishments, and professional background.</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>Social Media Integration</b></h5><p class="display-4">Integrating social media accounts fosters connectivity and trust with audiences. This feature links various platforms directly to the biography, allowing users to showcase their activities and updates. By incorporating social media feeds or sharing buttons, visitors can easily follow, engage, and share content. This connection enriches the user experience, promoting continued interaction beyond the biography while elevating the individual's online presence and broadening their professional network.</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>Event Calendar</b></h5><p class="display-4">An event calendar feature allows users to showcase important milestones, appearances, or upcoming events in a visually appealing manner. This component helps visitors stay informed while presenting the user’s professional engagement and public presence. By highlighting events, individuals can invite interaction, whether through workshops, speaking engagements, or personal milestones. This encourages community involvement and cultivates a supportive audience, ultimately enhancing the individual’s reputation and visibility in their field.</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>Contact Forms</b></h5><p class="display-4">Contact forms provide a straightforward way for visitors to reach out. This feature allows users to invite inquiries, collaborations, or opportunities directly from their biography site. By facilitating communication, individuals can engage more deeply with their audience and professional networks. Users also have the option to customize fields, ensuring they gather pertinent information. This open line of communication fosters connections, leading to potential collaborations, mentorships, or speaking invitations that enrich the user's professional journey.</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 Insights</b></h5><p class="display-4">Analytics insights offer valuable data on visitor interactions, page views, and engagement rates. This feature empowers users to understand their audience better, refine their content strategy, and identify what resonates. By analyzing this information, individuals can make informed decisions to enhance their biography's impact. Improved content and layout adjustments based on analytics lead to elevated user engagement, ensuring the biography continues to evolve in alignment with audience preferences and interests.</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 9900 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 personal biography?</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>Define Your Purpose</b></h5><p class="display-4">Begin by clearly outlining the purpose of your biography website. Think about what specific aspects of your life you wish to share, whether it's your professional accomplishments, personal milestones, or interests. Having a focused purpose will guide the content and design of your site, making it a meaningful reflection of who you are. Consider your target audience and what they might find engaging. This foundational step sets the tone for the entire project and will influence the choices you make down the line.</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 Domain Name</b></h5><p class="display-4">Selecting a domain name is crucial for your online identity. It should be concise, memorable, and relevant to your personal brand. Incorporate your name or a combination of keywords that represent your biography's core themes. Check domain availability through registrar sites, ensuring that it stands out and is easy to spell. Additionally, consider various domain extensions such as .com, .me, or .bio, and choose one that resonates with you. A strong domain name enhances your website's professionalism and facilitates easier online discovery.</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>Select a Website Builder</b></h5><p class="display-4">Choosing the right website builder is essential to develop a visually appealing site that reflects your personality. Research popular platforms such as WordPress, Wix, or Squarespace, and compare their design flexibility, ease of use, and features. Look for options that offer customizable templates, mobile responsiveness, and SEO tools. Each builder caters to different skill levels, so select one that aligns with your technical comfort. This choice directly impacts the functionality and aesthetic of your biography website, so take your time evaluating your options.</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>Create Compelling Content</b></h5><p class="display-4">Once you have the framework, crafting genuine and intriguing content is key. Begin by writing an engaging biography that encapsulates your journey, highlighting key events, achievements, and lessons learned. Incorporate anecdotes that reveal your personality and values, resonating with your audience on a deeper level. Additionally, consider adding sections like testimonials, a portfolio, or a blog to enrich your narrative. Use varied formats, such as text, images, and videos, to create a dynamic user experience that captures and maintains visitor interest throughout their journey on 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">5</span><div class="card-box"><h5 class="display-7"><b>Design Your Layout</b></h5><p class="display-4">The layout of your biography website should resonate with your personality while ensuring ease of navigation. Opt for a clean, organized structure that guides visitors effortlessly through your content. Use headings, subheadings, and visual elements to break up text and improve readability. Pay attention to color schemes and typography, as these elements convey your brand's tone. Creating an intuitive menu with clear categories will help users find the information they seek quickly. A well-designed layout enhances the overall user experience, encouraging visitor engagement and returning traffic.</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 and Promote</b></h5><p class="display-4">After finalizing your content and design, it's time to launch your biography website to the public. Prior to the launch, conduct thorough tests to ensure all links and features function correctly. Once live, announce your website across social media platforms and consider reaching out to friends, family, and professional networks to drive initial traffic. Utilize search engine optimization (SEO) techniques to enhance visibility in search engine results. Regularly update your site with new content or blog posts to keep visitors engaged and promote continued interest in your personal journey.</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 website in minutes with the personal biography AI website builder!</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"> Effortlessly design your website by dragging and dropping pre-made blocks into place. Each component is crafted for seamless integration, allowing you to construct stunning pages in moments. Once your layout takes shape, simply replace the default text and images with your personal content, fine-tuning every detail to reflect your unique vision. With minimal effort, a polished and professional website emerges, ready to captivate your audience and fulfill your aspirations. </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>Best Website Builder for personal biography</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 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>downloading Mobirise app</b></h5><p class="display-4">To begin your journey into web design, download the Mobirise application. Visit the official Mobirise website and navigate to the download section. Choose the version compatible with your operating system, whether it's Windows, macOS, or Android. Once the download finishes, locate the installer file in your downloads folder and execute it. Follow the on-screen instructions to complete the installation process. Upon successful installation, launch Mobirise. This robust tool is tailored for those seeking to create visually appealing websites without the complexities of coding, providing an intuitive platform for various projects, including personal biographies.</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>generating a website with Mobirise AI</b></h5><p class="display-4">Once you have opened Mobirise, leverage the AI-driven feature to generate a personalized website effortlessly. Start by selecting the New Site option, and then choose the AI Website Generator within the menu. Provide essential details about your biography, including key information, interests, and achievements. The AI will analyze your inputs to create a tailored website template reflecting your narrative. After generating, you can further customize the layout and style. This process not only saves time but also delivers a professional aesthetic, ensuring your biography stands out and makes a lasting impression on visitors.</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>adding more blocks</b></h5><p class="display-4">After the initial website setup, enhance your biography by adding more blocks that enrich the content. Mobirise provides a plethora of pre-designed blocks such as testimonials, galleries, or contact forms. Navigate to the blocks library and explore the available categories. Drag and drop desired blocks into your layout, positioning them for optimal flow. Customize the content within these blocks to maintain a coherent theme that aligns with your biography's message. This feature enables you to personalize your website further, allowing for variations that reflect your unique story, personality, and professional journey.</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>editing content</b></h5><p class="display-4">With the blocks added, focus on editing the content to ensure it effectively communicates your story. Click on each block to access editing options. Modify text, upload images, and adjust colors to fit your vision. Aim for clarity and conciseness while providing all necessary information about your biography. Consider integrating personal anecdotes or significant milestones that showcase your journey. Use engaging language to connect with your audience, drawing them into your narrative. Review each edit meticulously to maintain professionalism while ensuring your individuality shines through. This attention to detail will significantly enhance the overall appeal of 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">5</span><div class="card-box"><h5 class="display-7"><b>preview</b></h5><p class="display-4">Before making your website live, utilize the preview function to review your work meticulously. Click on the preview button, allowing you to see an accurate representation of how your site will appear to visitors. Check the alignment, font styles, and overall aesthetics across different device formats, including mobile and desktop. This stage is crucial for identifying any inconsistencies or areas needing adjustments. Pay close attention to the flow of content and user experience. After thorough examination, make necessary refinements based on your findings, ensuring your biography is displayed in the best possible light before taking the final publishing step.</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>publishing</b></h5><p class="display-4">With everything in place, you're ready to publish your biography website. Click on the publish button within the Mobirise interface. You'll be prompted to choose your publishing method; options usually include uploading to a local drive or sending it directly to a hosting server. If you select a hosting option, ensure you have domain information at hand. After confirming your choices, Mobirise will finalize the setup, making your biography accessible to the world. Share the link across your social media platforms and networks, inviting friends, family, and potential employers to explore your journey, design, and achievements through your new online presence.</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"> Take charge of your online presence by publishing your website to a local drive, using FTP, or connecting it to your custom domain. Transform your vision into reality without the constraints of a single platform. Whether you choose *.mobirisesite.com or an alternative, flexibility is paramount. Your website embodies your identity, and embracing diverse publishing options ensures you maintain complete sovereignty over your content and design, free from limitations imposed by service providers. </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 personal biography 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 brief introduction that outlines personal background, passions, and overarching life philosophy.</li> <li><b>Early Life</b> Insights into formative years, childhood experiences, and significant influences that shaped character.</li> <li><b>Education</b> A summary of academic achievements, institutions attended, and noteworthy accomplishments during schooling.</li> <li><b>Career Journey</b> A chronicle of professional experiences, including key roles, responsibilities, and career milestones.</li> <li><b>Achievements</b> Highlights of personal and professional accolades, awards, and recognitions received over the years.</li> <li><b>Hobbies &amp; Interests</b> A glimpse into personal interests, pastimes, and activities that provide joy and fulfillment outside of work.</li> <li><b>Values &amp; Beliefs</b> An exploration of core values, guiding principles, and beliefs that steer choices and actions.</li> <li><b>Philosophy</b> A personal narrative that delves into worldview, life lessons, and reflections on existence.</li> <li><b>Future Aspirations</b> An outline of goals, hopes, and dreams for the future, revealing ambitions and visions ahead.</li> <li><b>Contact</b> Information and avenues for connecting with the individual, including social media links or a contact form.</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 Free Website Builder for personal biography</strong></h3> <p class="mbr-text mbr-fonts-style display-7"> Mobirise is a versatile, drag-and-drop website builder designed for users who prioritize ease of use alongside functionality. It requires no coding expertise, making it accessible for beginners while still offering robust customization options for more experienced developers. With a plethora of pre-designed templates and responsive blocks, users can create professional-looking websites efficiently. The software supports AMP and Bootstrap frameworks, ensuring that sites are mobile-friendly and fast-loading. Its offline functionality allows users to work without internet connectivity. Tap into the seamless experience of building your personal biography and 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 personal biography 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>📝 About Me</b> A block that encapsulates a personal overview, highlighting key aspects of one's life journey and professional background.</li> <li><b>🎓 Education</b> A dedicated section for detailing academic qualifications, showcasing degrees, institutions, and even special achievements.</li> <li><b>💼 Experience</b> This block presents a chronological timeline of professional experiences, illustrating career progression and roles undertaken.</li> <li><b>🌍 Projects</b> A visual display of significant projects and accomplishments, allowing visitors to explore areas of expertise more interactively.</li> <li><b>📚 Publications</b> A compilation of written works, articles, or books authored, providing a scholarly dimension to the biography.</li> <li><b>🤝 Testimonials</b> A feature where friends, colleagues, or clients can share their personal testimonials, adding credibility and authenticity.</li> <li><b>🏆 Awards &amp; Honors</b> A celebratory block showcasing any notable recognitions received throughout one’s career or personal pursuits.</li> <li><b>📅 Events</b> An interactive calendar-like section that lists upcoming events, speaking engagements, or workshops hosted by the individual.</li> <li><b>🖼️ Gallery</b> A visual journey through photos, videos, or artwork that capture memorable moments or significant milestones in life.</li> <li><b>🔗 Social Links</b> A hub for connecting with social media profiles, encouraging visitors to follow and engage on various platforms.</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> <ul> <li><b>Life Story Archive</b> A platform to chronicle your experiences, showcasing pivotal moments and achievements throughout your unique journey.</li> <li><b>Autobiographical Portfolio</b> A creative space to display your skills and talents while weaving in personal narratives that define your career.</li> <li><b>Biographical Showcase</b> An engaging site presenting your background, interests, and experiences to connect with like-minded individuals.</li> <li><b>Memoir Hub</b> A digital home for your stories and reflections, allowing you to share thoughts and lessons learned over time.</li> <li><b>Legacy Page</b> A website dedicated to preserving your legacy, featuring your contributions and the impact you’ve made on others.</li> <li><b>Personal Narrative Portal</b> A space where you can express your thoughts, adventures, and insights, inviting others into your world.</li> <li><b>Life Journey Profile</b> A platform to map out and share your life’s path, highlighting transformative events and significant relationships.</li> <li><b>Experience Chronicles</b> A dedicated website narrating your professional and personal milestones while celebrating achievements along the way.</li> <li><b>Individual Story Garden</b> An inviting setting for cultivating your tales and experiences, fostering connections with fellow enthusiasts.</li> <li><b>Personal History Webspace</b> An online space to explore your background, sharing family anecdotes, cultural heritage, and life lessons.</li> </ul></ul> <div style="display:none;"> personal biography website creator, platform for building personal bios, online tool for biography websites, best site builder for personal stories, custom biography site design software, biography webpage development service, create a personal history website easily, personal narrative site construction tool, DIY biography page maker, specialized website builder for autobiographies, online biography builder for individuals, personal history web creation platform, tailored biography website generator, unique personal bio website designer, hassle-free biography page creator, personal profile website construction service, biography site builder for professionals, intuitive platform for personal biography creation, easy-to-use biography webpage tool, specialized tools for personal narrative websites, user-friendly builder for personal stories online, professional biography website maker, modern platform for individual biography sites, adaptable website building for personal biographies, flexible biography creation software, personal life story website builder, affordable website builder for bios, innovative biography design platforms, biography page creator for aspiring writers, comprehensive biography site development tools </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 website builder for personal biography</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> Mobirise </b> Mobirise offers a user-friendly drag-and-drop interface, ideal for creating personal biography websites with customizable templates. It allows users to choose from a variety of pre-designed sections specifically for resumes, portfolios, and about me pages, ensuring a professional online presence. Its offline capabilities and no coding requirements make it a fantastic alternative for those who want an easy, streamlined experience. </li> <li> <b> Wix </b> Wix provides a robust platform with an array of templates tailored for personal biographies. Its advanced design capabilities enable users to personalize every aspect of their site. Features like blogging integration and social media tools help users share their stories effectively, making Wix a popular choice for individuals looking to showcase their career and achievements. </li> <li> <b> Squarespace </b> Squarespace excels in providing visually appealing templates that suit personal biography websites. The integrated blogging feature allows users to share experiences and updates easily. Built-in analytics provides insights on visitor engagement, making it easier for users to fine-tune their online presence and connectivity. </li> <li> <b> Weebly </b> Weebly stands out for its straightforward editor and a variety of personal biography templates. Users can effortlessly add sections for their career history, education, and achievements. Its SEO tools help enhance visibility online, making it a suitable choice for individuals wanting to reach a wider audience. </li> <li> <b> WordPress.com </b> WordPress.com offers extensive customization options for personal biography websites. With thousands of themes available, users can find a design that reflects their personality. The platform supports blogging and portfolio features, making it easy to narrate one’s story and showcase work effectively. </li> <li> <b> Jimdo </b> Jimdo emphasizes speed and simplicity, allowing users to create personal biography sites with minimal effort. Its AI-driven setup process suggests layouts and content based on user input, catering to individual styles. This builder includes essential sections like career timelines and testimonials, enriching personal stories. </li> <li> <b> SITE123 </b> SITE123 runs on an intuitive framework designed for rapid deployment of personal biography websites. Users can choose from various layouts and customize sections like About Me, Work History, and Skills. Its built-in SEO tools also assist users in enhancing their online footprint with ease. </li> </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 offered by the Code Editor extension. Customize your projects by incorporating your own scripts and fine-tuning CSS settings. This tool empowers you to refine the design and functionality of your applications, fostering a more personalized development experience that meets your specific needs and preferences. </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" : "Personal Biography Website Builder", "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 Website Builder" }, "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 features does a personal biography website builder offer?</h4> <div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div itemprop="text">A personal biography website builder typically includes templates, drag-and-drop functionality, customizable design options, and integrations with social media. Such features allow users to create a unique online presence showcasing their life story and achievements.</div><br> </div> </div> <div itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question"> <h4 itemprop="name">Is coding knowledge necessary to create a personal biography site?</h4> <div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div itemprop="text">No, coding knowledge is not required. Many platforms like <a href="https://mobirise.com/" class="text-info">Mobirise</a> enable users to build websites with simple drag-and-drop tools, making it accessible for everyone.</div><br> </div> </div> <div itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question"> <h4 itemprop="name">Can I personalize the design of my biography website?</h4> <div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div itemprop="text">Absolutely! Most biography website builders provide various design templates that you can customize. You can change colors, fonts, and layouts to suit your personal style.</div><br> </div> </div> <div itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question"> <h4 itemprop="name">Will my personal biography website be mobile-friendly?</h4> <div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div itemprop="text">Yes, most modern website builders ensure that your biography site is responsive. This means it will work smoothly on mobile devices, tablets, and desktops.</div><br> </div> </div> <div itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question"> <h4 itemprop="name">How can I host my biography website?</h4> <div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div itemprop="text">You can host your biography website through various providers. Some builders may offer hosting services included, or you can choose a third-party host that fits your needs.</div><br> </div> </div> <div itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question"> <h4 itemprop="name">What are the benefits of using platforms like Mobirise?</h4> <div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div itemprop="text">Using platforms like <a href="https://mobirise.com/" class="text-info">Mobirise</a> provides ease of use, flexibility in design, and a wide array of templates that cater to individual styles, allowing you to create a personal biography without any hassle.</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 personal biography website builders</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>Crafting My Story Beautifully</b> - <i>Emily T.</i> <p class="text-box display-7" style="font-size:1rem">I chose the AI personal biography website builder because it promised a user-friendly approach to showcasing my life's milestones. The initial setup was straightforward, though I was unsure how to arrange my content. The interface was intuitive, but I found myself questioning the best way to balance text and images. I faced challenges with the customization options—some templates felt limiting. However, after persevering, I ended up with a beautifully designed site that effectively tells my story. The highlights included easy integration of personal photos and an interactive timeline. The only drawback was the occasional glitch when trying to save updates.</p></li> <li><b>Effortless Biography Creation</b> - <i>Jacob L.</i> <p class="text-box display-7" style="font-size:1rem">Creating my personal biography website through the AI builder was surprisingly fun! I picked this platform due to its focus on storytelling, which resonated with my desire to share more than just facts. As I navigated the site, I had questions about how to highlight pivotal moments without overwhelming the viewer. The guided prompts helped a lot. I faced some challenges when embedding videos but managed to find a workaround in the support sections. Ultimately, I achieved a polished blog-like design that reflects my journey. The blend of visuals and text was a huge positive, but the limited font options left me longing for more creativity.</p></li> <li><b>A Journey to Self-Discovery</b> - <i>Ava M.</i> <p class="text-box display-7" style="font-size:1rem">Utilizing the AI personal biography builder allowed me to articulate my life journey in a creative way. I chose this builder primarily for its emphasis on personal narrative. Initially, the design choices seemed overwhelming, but the step-by-step guidance cleared most confusions. One challenge I faced was merging different sections seamlessly; it felt like some design features didn’t align perfectly. Despite this, I emerged with a cohesive site that beautifully represents my experiences. The ease of sharing was a significant positive. However, the mobile view didn't always reflect my desktop design as I hoped, creating some inconsistencies.</p></li> <li><b>Expressing My Journey Creatively</b> - <i>Mia R.</i> <p class="text-box display-7" style="font-size:1rem">I chose the AI biography website builder because it provided a platform to encapsulate my life in a personal way. Using the tool was mostly smooth, although I encountered some resistance at the stage of selecting templates—they all looked appealing! My main question was about how to effectively narrate my journey within the predefined categories. After overcoming some template restrictions, I successfully created a site that features interactive elements, showcasing my work and life highlights. A minor downside was the need for better visual customization options, but I appreciated how user-friendly it was overall.</p></li> <li><b>Sharing My Professional Journey</b> - <i>Lucas H.</i> <p class="text-box display-7" style="font-size:1rem">I decided on the AI personal biography website builder after reading positive feedback about its versatility, especially for professional storytelling. The setup was fairly intuitive, though I wondered how to maintain a balance between personal and professional details. There were times when the text formatting options seemed basic. However, I figured out how to link my social media and secure a domain, which was fantastic. The end result was a polished biography site that skillfully blends my work and personal insights. While the lack of advanced customization was a bit limiting, the builder's ease of use and guidance compensated for it.</p></li> <li><b>A Powerful Tool for Personal Stories</b> - <i>Olivia J.</i> <p class="text-box display-7" style="font-size:1rem">I was drawn to this specific AI builder for its unique ability to highlight personal milestones. The entire creation process was enlightening, and I found myself often questioning how my experiences fit into the structure. I encountered issues when modifying layout sections, and it required several attempts to get it right. Ultimately, the project was rewarding, culminating in a site that showcases my life’s chapters through engaging visuals and captivating text. I really liked the flexibility of adding custom sections, though I noticed a couple of minor bugs that inconveniently interrupted my workflow.</p></li> <li><b>Unveiling My Past</b> - <i>Sophia K.</i> <p class="text-box display-7" style="font-size:1rem">Using the AI personal biography builder felt tailored for my needs. I was particularly impressed with the templates that fit my vision perfectly, allowing me to present my history compellingly. I initially debated how much detail to include without overwhelming the audience. Throughout the process, I faced a learning curve with image resolutions, which occasionally disrupted my flow. However, I ultimately achieved a vibrant, interactive biography that feels uniquely mine. The accessibility on different devices was a huge plus, although I wished for more advanced analytics to track visitors.</p></li> <li><b>Building My Digital Footprint</b> - <i>James P.</i> <p class="text-box display-7" style="font-size:1rem">Opting for the Mobirise AI personal biography builder was driven by its reputation for excellent design and functionality. The journey of building my site was exciting, though I wrestled with how to articulate my past effectively. The templates were engaging but sometimes seemed too rigid. Upon facing challenges with navigation elements, I reached out for support, and their assistance was timely and helpful. Ultimately, I crafted a site that not only highlights my life’s key events but feels navigable for visitors. A positive aspect includes its mobile responsiveness; however, some design aspects felt limited.</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>Perfect for Aspiring Writers</b> - <i>Sarah M.</i> <p class="text-box display-7" style="font-size:1rem"><b><i>Pros:</i></b> User-friendly interface that simplifies design choices; extensive template library tailored for biographies; excellent customer support response time; ability to integrate social media links effortlessly.</p> <p class="text-box display-7" style="font-size:1rem"><b><i>Cons:</i></b> Limited customization options for templates; some advanced features require a premium subscription; initial loading speed can be slow.</p></li> <li><b>Great for Showcasing Accomplishments</b> - <i>David K.</i> <p class="text-box display-7" style="font-size:1rem"><b><i>Pros:</i></b> Rich visual elements enhance storytelling; drag-and-drop functionality is intuitive; mobile-friendly designs; SEO optimization tools are a great plus for visibility.</p> <p class="text-box display-7" style="font-size:1rem"><b><i>Cons:</i></b> Occasional bugs during the publishing process; some users may find the pricing a bit steep for all features; lacks a built-in blogging platform.</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;amp;mute=1&amp;showinfo=0&amp;autoplay=1&amp;loop=1&amp;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 personal biography 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"> Craft stunning and responsive websites effortlessly, all without any coding skills. With an intuitive drag-and-drop interface, you can arrange thousands of customizable site blocks to suit your vision perfectly. Enjoy the freedom to create for any purpose with a selection that caters to diverse needs. Embrace the simplicity of design at your fingertips. Download now for free and begin your journey toward a remarkable online presence 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="Website Builder 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-13T12:00:52.574Z">2024-11-13</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 Website Builder for personal biography - 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>

Pages: 1 2 3 4 5 6 7 8 9 10