Create Architecture Website with AI

<!DOCTYPE html><html><head>  <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 Architecture Website for Free. Make a Website for Architecture. With AI and No-code. 9900+ Templates."> <title>Create Architecture 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>  <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>  <link rel="canonical" href="https://mobirise.com/how-to/architecture.html"><link rel="alternate" hreflang="en" href="https://mobirise.com/how-to/architecture.html"><link rel="alternate" hreflang="x-default" href="https://mobirise.com/how-to/architecture.html"><link rel="alternate" hreflang="de" href="https://mobirise.com/how-to/de/architecture.html"><link rel="alternate" hreflang="es" href="https://mobirise.com/how-to/es/architecture.html"><link rel="alternate" hreflang="pt" href="https://mobirise.com/how-to/pt/architecture.html"><link rel="alternate" hreflang="fr" href="https://mobirise.com/how-to/fr/architecture.html"><link rel="alternate" hreflang="it" href="https://mobirise.com/how-to/it/architecture.html"><link rel="alternate" hreflang="nl" href="https://mobirise.com/how-to/nl/architecture.html"><link rel="alternate" hreflang="ru" href="https://mobirise.com/how-to/ru/architecture.html"></head> <body>  <noscript><iframe src=//www.googletagmanager.com/ns.html?id=GTM-PFK425 height=0 width=0 style=display:none;visibility:hidden></iframe></noscript>  <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/portfolio.html">Portfolio</a> <a href="https://mobirise.com/how-to/food-delivery.html">Food Delivery</a> <a href="https://mobirise.com/how-to/appointment-booking.html">Appointment Booking</a> <a href="https://mobirise.com/how-to/printing-service.html">Printing Service</a> <a href="https://mobirise.com/how-to/news-blog.html">News Blog</a> <a href="https://mobirise.com/how-to/podcast.html">Podcast</a> <a href="https://mobirise.com/how-to/seo-company.html">Seo Company</a> <a href="https://mobirise.com/how-to/freelancer.html">Freelancer</a> <a href="https://mobirise.com/how-to/teacher.html">Teacher</a> <a href="https://mobirise.com/how-to/tutoring.html">Tutoring</a> <a href="https://mobirise.com/how-to/freelance-writer.html">Freelance Writer</a> <a href="https://mobirise.com/how-to/tiktok.html">Tiktok</a> <a href="https://mobirise.com/how-to/automotive-repair.html">Automotive Repair</a> <a href="https://mobirise.com/how-to/donations.html">Donations</a> <a href="https://mobirise.com/how-to/resume.html">Resume</a> <a href="https://mobirise.com/how-to/course.html">Course</a> <a href="https://mobirise.com/how-to/video-streaming.html">Video Streaming</a> <a href="https://mobirise.com/how-to/personal-blog.html">Personal Blog</a> <a href="https://mobirise.com/how-to/teens.html">Teens</a> <a href="https://mobirise.com/how-to/blogger.html">Blogger</a> <a href="https://mobirise.com/how-to/band.html">Band</a> <a href="https://mobirise.com/how-to/art-portfolio.html">Art Portfolio</a> <a href="https://mobirise.com/how-to/digital-product.html">Digital Product</a> <a href="https://mobirise.com/how-to/tourism.html">Tourism</a> <a href="https://mobirise.com/how-to/digital-download.html">Digital Download</a> <a href="https://mobirise.com/how-to/clothing-brand.html">Clothing Brand</a> <a href="https://mobirise.com/how-to/construction-company.html">Construction Company</a> <a href="https://mobirise.com/how-to/software-engineer.html">Software Engineer</a> <a href="https://mobirise.com/how-to/selling-products.html">Selling Products</a> <a href="https://mobirise.com/how-to/electrical-company.html">Electrical Company</a> <a href="https://mobirise.com/website-builder/photo-gallery.html">Photo Gallery</a> <a href="https://mobirise.com/website-builder/blogging.html">Blogging</a> <a href="https://mobirise.com/website-builder/blogs-and-ecommerce.html">Blogs And Ecommerce</a> <a href="https://mobirise.com/website-builder/hair-salon.html">Hair Salon</a> <a href="https://mobirise.com/website-builder/electronic-ecommerce.html">Electronic Ecommerce</a> <a href="https://mobirise.com/website-builder/clinic.html">Clinic</a> <a href="https://mobirise.com/website-builder/business-blog.html">Business Blog</a> <a href="https://mobirise.com/website-builder/booking-appointment.html">Booking Appointment</a> <a href="https://mobirise.com/website-builder/food-blog.html">Food Blog</a> <a href="https://mobirise.com/website-builder/startup.html">Startup</a> <a href="https://mobirise.com/builder/html-code-generator.html">Html Code Generator</a> <a href="https://mobirise.com/builder/web-design-program.html">Web Design Program</a> <a href="https://mobirise.com/builder/ai-website-creator.html">Ai Website Creator</a> <a href="https://mobirise.com/builder/web-design-tool.html">Web Design Tool</a> <a href="https://mobirise.com/builder/landing-page-builder.html">Landing Page Builder</a> <a href="https://mobirise.com/builder/ai-website-generator.html">Ai Website Generator</a> <a href="https://mobirise.com/builder/web-page-editor.html">Web Page Editor</a> <a href="https://mobirise.com/builder/web-development-software.html">Web Development Software</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></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/architecture.html">English</a><a class="lang-option" href="https://mobirise.com/how-to/de/architecture.html">Deutsch</a><a class="lang-option" href="https://mobirise.com/how-to/es/architecture.html">Español</a><a class="lang-option" href="https://mobirise.com/how-to/pt/architecture.html">Português</a><a class="lang-option" href="https://mobirise.com/how-to/fr/architecture.html">Français</a><a class="lang-option" href="https://mobirise.com/how-to/it/architecture.html">Italiano</a><a class="lang-option" href="https://mobirise.com/how-to/nl/architecture.html">Nederlands</a><a class="lang-option" href="https://mobirise.com/how-to/ru/architecture.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 Architecture 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"> Build stunning architecture 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/aV-rvgTxh2I?rel=0&playlist=aV-rvgTxh2I&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">Embark on the journey of crafting your architecture website effortlessly with our AI. Tailored to your specifications, it generates compelling content, stunning images, and a customizable layout from your prompts. Once the initial design materializes, you can refine and adjust every aspect directly within the AI application. This seamless process ensures that your vision is realized with precision, allowing for an engaging online presence that reflects your unique style and expertise in architecture.</span> <span class="display-7" style="display:none"> Generate a architecture website with generate an architecture platform, create a design site, build an architectural web portal, develop a construction website, launch an architectural site, construct a design hub, establish an architecture online presence, set up a planning website, produce a design webpage, initiate an architectural blog, fabricate a layout website, assemble a built environment site, craft a structure web page, form an architectural digital space, design a property website, originate a design showcase, devise an architectonic site, create a spatial website, launch an urban design site, generate a built form portal, develop a conceptual site, form a structure showcase, fabricate a layout platform, establish a spatial online hub, initiate an architectural showcase, construct a space design site, build an environmental design website, create a structural web platform, launch a design portfolio site, generate a property showcase, develop an urban planning website, set up an architectural portfolio, produce a design exhibition website, initiate a built environment platform, construct a design repository, assemble a spatial project site, craft an architectural exhibit, form a layout portal, design a construction showcase, originate an architectural gallery </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 architecture templates</strong></h4> <span class="display-7">Begin your architecture website by downloading Mobirise. Once installed, browse through the AI template library to choose a design that resonates with your vision. The templates are user-friendly, making it easy to create a site that showcases your work and reflects your unique style. Start building today.</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/offerm5/job-offer/"><img src="https://my.mobirise.com/data/upload/thumbs/offerm5/projects/job-offer/cover.jpg" alt="Job Offers Registration"></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/offerm5/offer-preparation/"><img src="https://my.mobirise.com/data/upload/thumbs/offerm5/projects/offer-preparation/cover.jpg" alt="Commercial Offers for Business"></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/offerm5/commercial-offer/"><img src="https://my.mobirise.com/data/upload/thumbs/offerm5/projects/commercial-offer/cover.jpg" alt="Preparation of Commercial Offers"></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>Responsive Design</b></h5><p class="display-4">A responsive design adjusts seamlessly across various devices, ensuring that the architecture website looks great on desktops, tablets, and smartphones. This feature enhances the user experience by providing optimal viewing, easy navigation, and efficient usability. Different screen sizes and resolutions are supported, allowing the website to maintain its visual aesthetics without compromising functionality. By implementing a flexible grid layout and media queries, users can access important content without hassle, leading to increased engagement and satisfaction. This adaptability is essential in today's mobile-driven world, where a significant portion of traffic comes from handheld 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>User-Friendly Interface</b></h5><p class="display-4">The user-friendly interface is designed for effortless navigation and interaction, making it easy for users to find what they seek. Intuitive layouts, clear labeling, and streamlined menus contribute to a smooth experience. This feature accommodates users of varying tech-savviness levels, promoting accessibility and engagement. The interface prioritizes usability, ensuring that even complex information is presented clearly. Through consistent design patterns and familiar controls, users can focus on exploring architectural projects without becoming frustrated by convoluted navigation. This aspect is crucial, as it directly impacts user retention and the likelihood of return visits.</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>Project Portfolio Showcase</b></h5><p class="display-4">Showcasing a project portfolio is vital for demonstrating expertise and attracting potential clients. This feature allows architects to present their work in a visually appealing manner, with high-resolution images and detailed project descriptions. Users can easily browse through various projects, filtering by categories or styles to find specific works that resonate with their interests. Incorporating features like zoom, slideshows, or video walkthroughs enriches the viewing experience. Additionally, integrating client testimonials alongside project displays adds credibility, showcasing satisfied customers and enhancing trust. A well-organized portfolio is instrumental in establishing an architect's brand and reputation in a competitive market.</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>Advanced Search Functionality</b></h5><p class="display-4">Advanced search functionality allows users to quickly locate specific projects, services, or information on the site. Incorporating filters such as project type, size, and location enhances the user experience. This feature saves time and reduces frustration, especially for users seeking particular architectural styles or services. A robust search functionality increases engagement by encouraging users to explore related content, helping them discover new projects or ideas. Autocomplete suggestions and search history options can further optimize the search process. Users appreciate efficient tools that simplify the discovery of relevant information, positioning the website as a valuable resource.</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>Content Management System (CMS)</b></h5><p class="display-4">A powerful content management system (CMS) enables administrators to update and manage site content effortlessly. This feature empowers non-technical users to create, modify, or delete pages without needing extensive coding knowledge. Through an intuitive interface, users can manage their portfolio, blog posts, and other content easily. Enhanced functionalities, like version control and scheduling, can streamline content updates and ensure information stays current. A robust CMS contributes to improved search engine optimization (SEO), increasing visibility and attracting organic traffic. This adaptability supports scalability, allowing the architecture website to grow and evolve in response to changing market demands or user expectations.</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>Integration with Social Media</b></h5><p class="display-4">Integrating social media platforms into the architecture website fosters engagement and increased visibility. This feature enables easy sharing of projects and content, encouraging users to promote findings with their networks. Social media buttons can be strategically placed on project pages, enabling quick dissemination of information. By linking social media accounts, architects can showcase live updates, news, and events, driving traffic back to the website. This integration enhances the website's reach and visibility, creating a community around the brand. Encouraging social interaction is a powerful way to supplement traditional marketing efforts and connect with audiences in a dynamic fashion.</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 and Lead Capture</b></h5><p class="display-4">Including contact forms and lead capture tools transforms the architecture website into an engaging platform where potential clients can initiate communication. Users can easily reach out for inquiries, quotes, or consultations with just a few clicks. Customizable fields allow architects to gather essential information, enhancing the quality of leads. Additionally, automated responses contribute to timely communication, assuring users that their messages have been received. This feature not only streamlines engagement but also builds a database for future marketing efforts. Nurturing leads through follow-ups or newsletters can cultivate relationships, ultimately driving business growth and fostering long-term client connections.</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 Tools</b></h5><p class="display-4">SEO optimization tools are crucial in ensuring the architecture website ranks well in search engine results. These features include keyword analysis, meta tags, and alt text for images, enhancing the site's visibility. By implementing best practices for on-page SEO, architects can drive organic traffic and establish authority in their niche. This functionality allows for tracking performance metrics and making data-driven adjustments over time. A strong SEO strategy supports business growth by attracting potential clients searching for architectural services. By increasing visibility, architects can showcase their expertise and create a steady stream of leads, fostering long-term success in a competitive market.</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 architecture?</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 Vision</b></h5><p class="display-4">Establish the core concept for your architecture website, reflecting your unique style and target audience. Factors include the type of architecture you specialize in, whether residential, commercial, or landscape. Consider the desired atmosphere; do you prefer a minimalist, modern, or more classic approach? Additionally, identify your goals: are you showcasing a portfolio, offering services, or sharing insights? A clear vision ensures that every design choice supports your brand identity and mission, providing a cohesive experience for visitors and potential clients. This foundational understanding influences all subsequent decisions, from color schemes to layout, creating a site that resonates with your intended audience.</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">Select a domain name that embodies your architectural brand while being simple and memorable. Aim for a name that indicates your niche, potentially incorporating keywords linked to architecture to boost online visibility. Ensure the name resonates with your vision, creating a professional yet approachable impression. It's vital to verify the availability of the domain across different platforms, as consistency enhances branding efforts. Short and easy-to-spell names are optimal, reducing user frustration and ensuring easy recollection. A strong domain establishes credibility and helps position your website prominently in search results, facilitating better reach to your target audience.</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 Building Platform</b></h5><p class="display-4">Select a suitable website building platform that aligns with your technical proficiency and business requirements. Options like WordPress, Wix, or Squarespace present varying degrees of customization, ease of use, and scalability. For those with technical expertise, WordPress offers extensive customization through themes and plugins, perfect for a professional architectural showcase. In contrast, platforms like Wix and Squarespace provide user-friendly interfaces for quick, beautiful site creation, ideal for those with limited experience. Ensure the platform supports visual content, essential for displaying architectural designs, projects, and images in high resolution, captivating your audience effectively while ensuring smooth functionality.</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 the Layout</b></h5><p class="display-4">Craft a visually appealing layout that effectively showcases your architectural projects and services. Emphasize aesthetics alongside functionality, ensuring that the site is not only attractive but also easy to navigate. Use grids and whitespace to create balance, allowing each element to breathe and stand out. Consider the flow of content, guiding visitors from your portfolio to service descriptions seamlessly. Use high-quality images to captivate users, with concise, informative text accompanying each project. Ensure that your design reflects your architectural style, whether modern, rustic, or eclectic, and adapts to various devices, providing an optimal viewing experience across devices and screen sizes.</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>Create Quality Content</b></h5><p class="display-4">Generate high-quality, engaging content that highlights your architectural expertise and project portfolio. Utilize a mixture of written and visual content to narrate your architectural narrative, including detailed project descriptions, design philosophies, and case studies. Incorporate visuals such as sketches, blueprints, and high-resolution photographs to illustrate your work effectively. Engage visitors with blog posts discussing design trends, architectural innovations, and industry insights, fostering a deeper connection with your audience while establishing your authority. Implement appropriate keywords to enhance search engine visibility without compromising the authenticity of your voice. Ensure content is regularly updated to maintain relevance and keep visitors returning for more insights.</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">Once your architecture website is designed and loaded with content, prepare for launch and an effective promotional strategy. Test all functionalities, ensuring that images load correctly, links work, and the navigation is seamless. After launch, leverage social media platforms to announce your new site, creating engaging posts that draw attention to your projects and expertise. Consider using targeted ads to reach specific demographics, driving traffic to your site. Encourage sharing among architecture communities, local professionals, and potential clients. Collect feedback from users post-launch, allowing for continuous improvements and adaptations to meet audience expectations while establishing a solid 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>Create architecture 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"> Transforming your digital space has never been easier. Simply take pre-made blocks, arrange them to design your website pages, and personalize each section with your unique content. With a few clicks, your vision materializes, from layout to text. The seamless process allows you to craft a distinct online presence effortlessly. No coding skills are required—just drag, drop, swap, and watch your website come alive like a masterpiece tailored to 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 architecture 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 architecture 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>Select a Template</b></h5><p class="display-4">Begin by exploring the template library in Mobirise. Identify a design that aligns with architectural aesthetics, ensuring it provides a professional ambiance. Templates vary in layout, color schemes, and functionality, so select one that allows for showcasing images and project portfolios effectively. Consider how the template reflects your style, as this sets the tone for your website. Once you’ve selected a suitable template, you’re ready to begin customizing it to fit your needs. This foundational choice will guide the subsequent steps in crafting your online presence.</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>Customize the Layout</b></h5><p class="display-4">Tailor the layout of your chosen template to make it truly yours. Use Mobirise’s drag-and-drop functionality to arrange sections, and add or remove elements to suit your design aesthetic. Pay particular attention to the placement of your portfolio, contact information, and about us sections, as they are key to engaging your audience. Adjusting padding, margins, and column widths can significantly improve visual appeal and readability. Allow your creativity to flow as you create a layout that not only reflects your architectural vision but also enhances user experience throughout the website.</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>Add Visual Content</b></h5><p class="display-4">Visual content amplifies the appeal of your architecture website. Integrate high-quality images of past projects, sketches, and architectural renderings to convey your work's depth and professionalism. Ensure images are optimized for web use to maintain load speed without sacrificing quality. Instead of generic stock photos, consider using original images that encapsulate your style and identity. Use video presentations or virtual tours sparingly but effectively to further engage visitors. This visual storytelling will make a lasting impression and foster trust with potential clients who seek innovative design solutions.</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>Implement Navigation Features</b></h5><p class="display-4">Seamless navigation is crucial for keeping visitors engaged. Organize your pages logically, ensuring that essential sections such as projects, services, and contact information are easily accessible. Utilize Mobirise’s menu options to create a fixed navigation bar that remains visible while scrolling. Dropdown menus can effectively declutter the interface while providing quick access to subcategories. A well-structured navigation experience helps visitors find the information they need without frustration, enhancing user satisfaction. Consider including breadcrumb navigation as well to help users track their journey through your site effortlessly.</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>Optimize for Mobile</b></h5><p class="display-4">With a significant portion of web traffic originating from mobile devices, optimizing your architecture website for mobile viewing is paramount. Mobirise automatically adjusts designs, but fine-tuning can enhance user experience. Check for responsive behaviors, ensuring images and text resize appropriately. Test all interactive elements like buttons and forms to function seamlessly on smaller screens. Focus on loading speed, as heavier graphics can slow performance on mobile. By prioritizing mobile optimization, your site will cater to a wider audience, offering accessibility to clients on the go who may be in search of your services.</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 and Promote</b></h5><p class="display-4">Upon finalizing your design and content, it’s time to publish your architecture website. Mobirise provides options to host your site on various platforms, or you can choose your own. After the launch, focus on promoting your website through social media platforms, architecture forums, and by optimizing for search engines using relevant keywords. Consider sharing unique projects and insights as blog content to establish authority in your field. Networking within the architectural community can also enhance visibility. Regular updates with fresh content and interactions will help maintain engagement and attract new clients.</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 or FTP, or opt for a *.mobirisesite.com subdomain. Even better, connect a custom domain to enhance your brand identity. By diversifying your hosting options, you escape the limitations imposed by a single platform. Your website represents your vision; maintain full control and flexibility over its management and evolution, ensuring it remains a true reflection of your individuality. </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 architecture 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>Home</b> The gateway to our architectural vision, showcasing our latest projects and innovative designs.</li> <li><b>About Us</b> A glimpse into our philosophy, history, and the passionate team behind our creations.</li> <li><b>Projects</b> An extensive portfolio highlighting our completed works with detailed descriptions and images.</li> <li><b>Services</b> A comprehensive overview of the design and consulting services we offer to clients.</li> <li><b>Testimonials</b> Client feedback and stories that speak to our commitment and quality of work.</li> <li><b>Blog</b> Insights and articles on industry trends, design tips, and our thoughts on architecture.</li> <li><b>Gallery</b> A curated collection of striking visuals capturing the essence of our architectural style.</li> <li><b>Contact</b> Information to connect with us for inquiries, consultations, or to start a project.</li> <li><b>News</b> Updates on our recent achievements, awards, and participation in events or exhibitions.</li> <li><b>Careers</b> Opportunities for those looking to join our dynamic team and contribute to our vision.</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 architecture</strong></h3> <p class="mbr-text mbr-fonts-style display-7"> Mobirise is a user-friendly website builder designed specifically for creating stunning architecture websites. Its drag-and-drop interface allows users to effortlessly customize layouts and integrate pre-designed blocks tailored for architecture firms. With responsive templates, the app ensures your web pages look great on any device. Built-in SEO tools optimize online visibility, while advanced options enable the incorporation of multimedia elements, like high-resolution images and videos. Mobirise also supports modern web standards, providing seamless performance. Elevate your architectural presence online with this powerful tool. Don’t miss out—download Mobirise using the buttons below to start building today! </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 architecture 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>🏛️ Hero Section</b> A captivating introduction that showcases stunning architectural visuals and captures visitors' attention immediately.</li> <li><b>📐 Project Gallery</b> A visually engaging display of past projects, allowing potential clients to explore your architectural style and craftsmanship.</li> <li><b>🛠️ Services Offered</b> A clear breakdown of architectural services provided, highlighting specialties and creating a quick reference for prospects.</li> <li><b>📊 Testimonials</b> A dedicated section featuring client feedback to build trust and credibility, showcasing the satisfaction of previous customers.</li> <li><b>💼 About Us</b> An informative block detailing the firm's history, philosophy, and team members, helping visitors connect with your brand.</li> <li><b>📍 Contact Form</b> An easily accessible form for inquiries, ensuring potential clients can reach out effortlessly to discuss their projects.</li> <li><b>🌍 Recent Articles</b> A blog-style section featuring informative posts about industry trends, providing valuable insights and establishing thought leadership.</li> <li><b>🏗️ 3D Visualizations</b> An eye-catching block displaying interactive 3D models of your designs, giving clients a unique glimpse into potential outcomes.</li> <li><b>🔗 Partnerships</b> Showcases collaborations with other industry professionals, reinforcing your network and establishing authority through alliances.</li> <li><b>📅 Upcoming Events</b> A calendar-style section that lists speaking engagements, workshops, or exhibitions, encouraging visitors to engage with the firm live.</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>Design Portfolios</b> Showcases the creative work of architects, highlighting unique styles, concepts, and innovative projects through visual stories.</li> <li><b>Architectural Reviews</b> Offers critical analyses and insights on recent builds, trends, and movements within the realm of space design.</li> <li><b>Construction Blogs</b> Discusses the latest techniques, materials, and technologies that drive the building industries and inform design practices.</li> <li><b>Urban Planning Sites</b> Explores city layouts, zoning regulations, and community design, focusing on sustainable development and livable environments.</li> <li><b>Historic Preservation Webpages</b> Advocates for the conservation of heritage sites and traditional elements through case studies and restoration techniques.</li> <li><b>Landscape Design Platforms</b> Highlights outdoor spaces, combining environmental concepts with artistry to create harmonious gardens and parks.</li> <li><b>Interior Design Blogs</b> Focuses on the aesthetics and functionality of indoor spaces, bringing together trends, tips, and project showcases.</li> <li><b>3D Modeling Websites</b> Provides digital rendering services, showcasing tools and software for visualizing modern and innovative structural designs.</li> <li><b>Real Estate Development Sites</b> Concentrates on commercial and residential projects, discussing potential impacts on surroundings and investment opportunities.</li> <li><b>Educational Resources</b> Offers scholarships, workshops, and courses dedicated to enhancing knowledge in the field of built environment mastery.</li></ul> <div style="display:none;"> architectural design site, building design platform, construction portfolio website, structural engineering blog, modern design webpage, landscape architecture online, home design gallery, urban planning website, architectural firm online presence, interior design showcase site, custom architecture webpage, sustainable design platform, architectural inspiration blog, real estate architecture site, architectural visualization webpage, historic preservation website, 3D architectural rendering site, residential design website, commercial architecture platform, architectural projects portfolio, architectural photography site, architecture and design blog, building renovation website, modular design site, architectural consultancy webpage, architecture trends website, architectural services portal, design and architecture site, innovative building solutions webpage </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 architecture 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> An intuitive drag-and-drop website builder tailored for architects, Mobirise AI offers customizable templates specifically designed for showcasing architectural projects. With advanced AI features, it assists in generating content ideas and optimizing layouts, making it an excellent alternative for creating visually appealing portfolios without extensive coding experience. </li> <li> <b> Wix </b> This popular website builder provides a variety of templates specifically for architects, enriched with professional design tools. Wix's AI-driven design assistant helps in tailoring layouts, while its robust feature set includes a comprehensive image gallery and the ability to implement interactive elements, enhancing the user's architectural presentation. </li> <li> <b> Squarespace </b> Known for its stunning design capabilities, Squarespace caters to architectural firms with beautifully crafted templates. Its built-in blogging feature allows for documenting projects, and the visual editing tools help in presenting high-resolution images effectively, making it a go-to for creatives in the architectural domain. </li> <li> <b> Site123 </b> Offering a streamlined user experience, Site123 enables architects to create functional websites rapidly. The platform includes responsive templates and useful integrations, such as social media links and contact forms, ensuring that architecture professionals can effectively engage with clients and showcase their work simply and elegantly. </li> <li> <b> Weebly </b> With its easy-to-use interface, Weebly empowers architects to create their online portfolios efficiently. The application provides customizable themes suitable for architecture, along with e-commerce capabilities, allowing firms to sell plans or merchandise directly through their websites while highlighting their design philosophy. </li> <li> <b> WordPress </b> As a highly versatile platform, WordPress is perfect for architects looking for extensive customization. With a myriad of themes and plugins, it offers unique features suited for showcasing projects, blogging, and client interaction, making it a highly scalable choice for growing firms. </li> <li> <b> Tilda </b> Tilda focuses on content-oriented design, making it ideal for architects wanting to narrate project stories visually. It features the Zero Block editor for custom layouts and provides access to extensive typography options, enabling professionals to craft a distinctive online identity that aligns with their architectural vision. </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 functionality of the Code Editor extension. This tool empowers you to incorporate custom scripts seamlessly while fine-tuning CSS to achieve your desired aesthetic. Enhance your project's interactivity and visual appeal effortlessly, allowing for greater creativity and precision in your web development endeavors. Transform your coding experience today. </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" : "Architecture 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 are the key elements to include in an architecture website?</h4> <div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div itemprop="text">Essential elements include a portfolio showcasing projects, a clear description of services, contact information, client testimonials, and a blog to share insights on architecture trends.</div><br> </div> </div> <div itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question"> <h4 itemprop="name">How can I optimize my architecture website for SEO?</h4> <div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div itemprop="text">Utilize keyword research to identify relevant terms, create high-quality content, optimize images, and implement proper meta tags. Additionally, ensure your website is mobile-friendly and uses a responsive design like that provided by <a href="https://mobirise.com/" class="text-info">Mobirise</a>.</div><br> </div> </div> <div itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question"> <h4 itemprop="name">What tools are best for building an architecture website?</h4> <div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div itemprop="text">Popular tools include WordPress for flexibility, Wix for ease of use, and <a href="https://mobirise.com/" class="text-info">Mobirise</a> for its drag-and-drop features that don't require coding knowledge.</div><br> </div> </div> <div itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question"> <h4 itemprop="name">How important is website speed for an architecture firm?</h4> <div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div itemprop="text">Website speed is crucial for user experience and SEO. A fast-loading site helps retain visitors, lowers bounce rates, and improves search engine rankings, making it vital for architecture firms looking to attract potential clients.</div><br> </div> </div> <div itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question"> <h4 itemprop="name">Should I include a blog on my architecture website?</h4> <div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div itemprop="text">Yes, a blog can enhance your website by providing insights on design trends, sharing project updates, and offering value to visitors. It also supports SEO efforts through regular content updates.</div><br> </div> </div> <div itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question"> <h4 itemprop="name">What design elements are essential for an architecture website?</h4> <div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div itemprop="text">Key design elements include a clean layout, high-quality imagery of projects, intuitive navigation, and appropriate use of typography. These aspects ensure that the website reflects the professionalism of the architecture firm.</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 architecture 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>Crafting My Architectural Vision</b> - <i>Emily T.</i> <p class="text-box display-7" style="font-size:1rem">Creating a website dedicated to my architectural firm was a challenge I welcomed. I selected WordPress due to its extensive plugins that cater specifically to architecture. Initially, questions about theme compatibility and the best layout options for showcasing portfolios arose. The process was smooth once I chose a responsive theme that highlighted images effectively. However, I faced challenges with optimizing loading times and ensuring mobile compatibility. Ultimately, I achieved a sleek, professional website that has enhanced client inquiries significantly.</p> </li> <li><b>Building a Digital Architecture Portfolio</b> - <i>Lucas R.</i> <p class="text-box display-7" style="font-size:1rem">Selecting Wix for my architectural portfolio was an easy choice because of its drag-and-drop functionality. I had some initial confusion about which templates would present my projects in the best light. The whole process went fairly well, though I struggled at times to manipulate the design within the mobile view. The biggest achievement was integrating a blog section where I could share insights on my designs. Positively, the design freedom was impressive; negatively, I found the limited customization options stifling at times.</p> </li> <li><b>Architecting My Online Presence</b> - <i>Jamal K.</i> <p class="text-box display-7" style="font-size:1rem">I opted for Squarespace to develop my website as it offers visually stunning templates with a focus on artistry. Questions about SEO settings and how to best showcase multimedia projects arose during the setup. The process was intuitive, though I encountered some bumps trying to personalize the CSS codes. My key achievement was successfully integrating a feature to allow potential clients to view 3D model renderings. The primary positive was the beautiful aesthetics, but the downside was the learning curve with advanced features.</p> </li> <li><b>From Concept to Digital Reality</b> - <i>Ana M.</i> <p class="text-box display-7" style="font-size:1rem">Using Mobirise for my architectural site was based on its simplified approach to design without coding. I was puzzled initially about template choices and the extent of customization available. Overall, the process was streamlined and enjoyable; however, I faced hurdles with responsive elements not displaying as expected on mobile devices. I achieved a beautiful, minimalist site that truly reflects my architectural ethos. The major positives were the ease of use and speed of development, but negatives included limited plugin options for added functionality.</p> </li> <li><b>Showcasing Structures Online</b> - <i>Evelyn J.</i> <p class="text-box display-7" style="font-size:1rem">For my architecture website, I gravitated towards Webflow due to its advanced design capabilities and flexibility. Uncertainty struck regarding how to best utilize its complex features. Through trial and error, I navigated the process and developed a lasting design that highlights my projects well. Challenges included grasping the animations and interactions section. My outcome was a highly interactive site that attracts user engagement. While the customization potential was a significant positive, the learning curve posed a notable challenge initially.</p> </li> <li><b>Effortless Design with Mobirise</b> - <i>Mark S.</i> <p class="text-box display-7" style="font-size:1rem">Choosing Mobirise was a game-changer for my architecture website due to its ease of use and clean templates. Initially, I was unsure how to set up navigation effectively. The process was relatively straightforward; however, I encountered some design constraints that limited my creative vision. In the end, I built a professional-looking site in no time. The biggest advantage was the quick turnaround, but I found the limitations in template choices frustrating over time.</p> </li> <li><b>Building My Architectural Showcase</b> - <i>Theo W.</i> <p class="text-box display-7" style="font-size:1rem">After much research, I selected Shopify to create an architectural service page, primarily due to its e-commerce capabilities. I had various queries about integrating service offerings into the design. The overall process was an enriching experience, yet there were challenges with adding galleries without slowing down the site. My achievement was establishing an easy-to-navigate layout that boosts bookings. While the design possibilities were extensive, the main downside was the focus on e-commerce, which overshadowed pure design aspects.</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>Exceptional Design Tools</b> - <i>Laura T.</i> <p class="text-box display-7" style="font-size:1rem"><b><i>Pros:</i></b> The website builder offers a set of advanced design tools tailored specifically for architecture projects. The templates are not only aesthetically pleasing but also customizable, allowing for a unique presentation. The ability to embed 3D models directly into the site has greatly enhanced my project showcases.</p> <p class="text-box display-7" style="font-size:1rem"><b><i>Cons:</i></b> However, the learning curve for some features was steeper than I anticipated. There were moments where the interface became overwhelming, particularly when trying to integrate various multimedia elements.</p></li> <li><b>User-Friendly Interface</b> - <i>Mark S.</i> <p class="text-box display-7" style="font-size:1rem"><b><i>Pros:</i></b> The platform is incredibly intuitive, making it easy to navigate through different sections. I appreciated the dedicated support team who were quick to respond to my questions. The SEO tools included were also quite effective in boosting my site’s visibility.</p> <p class="text-box display-7" style="font-size:1rem"><b><i>Cons:</i></b> Unfortunately, I found that some of the customization options were limited compared to what I expected. Additionally, the website loading speed could be improved, especially when hosting large images.</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 architecture 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"> Elevate your web design experience with an intuitive platform that simplifies website creation. Experience the ease of crafting stunning, responsive sites through effortless drag-and-drop functionality. Choose from a vast library of customizable site blocks to bring your vision to life. Best of all, this powerful tool is completely free for personal or commercial projects. Begin your journey toward beautiful websites today—download now at no cost! </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:15.482Z">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 architecture 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>

CINXE.COM

Create Architecture Website with AI