{"id":397,"date":"2025-07-23T07:31:41","date_gmt":"2025-07-23T07:31:41","guid":{"rendered":"https:\/\/www.thinkupacademy.com\/mw\/?page_id=397"},"modified":"2025-07-23T08:31:49","modified_gmt":"2025-07-23T08:31:49","slug":"website-design","status":"publish","type":"page","link":"https:\/\/www.thinkupacademy.com\/mw\/courses\/website-design\/","title":{"rendered":"website-design"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"397\" class=\"elementor elementor-397\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8744bd e-con-full e-flex e-con e-parent\" data-id=\"a8744bd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7455786 elementor-widget elementor-widget-html\" data-id=\"7455786\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section style=\"background: linear-gradient(to right, #009ddc, #00a8e8); color: white; padding: 60px 20px; text-align: center;\">\n  <h1 style=\"font-size: 40px; margin-bottom: 10px;\">Master Website Design<\/h1>\n  <p style=\"font-size: 18px; margin-bottom: 20px;\">Learn to build beautiful, responsive websites using WordPress, HTML & CSS.<\/p>\n  <a href=\"#apply\" style=\"background: white; color: #009ddc; padding: 12px 30px; border-radius: 6px; font-weight: 600; text-decoration: none;\">Apply Now<\/a>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3bb9517 e-con-full e-flex e-con e-parent\" data-id=\"3bb9517\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b040caf elementor-widget elementor-widget-html\" data-id=\"b040caf\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Website Design Course Highlights Section -->\n<section class=\"course-highlights\" style=\"padding: 80px 20px; background: linear-gradient(135deg, #f7f9fc 0%, #e8f0fa 100%); font-family: 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;\">\n  <div class=\"container\" style=\"max-width: 1000px; margin: 0 auto;\">\n    \n    <!-- Section Header -->\n    <div class=\"section-header\" style=\"text-align: center; margin-bottom: 40px;\">\n      <h2 style=\"color: #004aaf; font-size: 2.2rem; font-weight: 600; margin-bottom: 15px; position: relative; display: inline-block;\">\n        <span style=\"position: relative; z-index: 1;\">Course Highlights<\/span>\n        <span style=\"position: absolute; bottom: 5px; left: 0; width: 100%; height: 8px; background: rgba(0, 74, 175, 0.15); z-index: 0;\"><\/span>\n      <\/h2>\n      <p style=\"color: #555; font-size: 1.1rem; max-width: 700px; margin: 0 auto; line-height: 1.5;\">\n        Learn to design and build modern websites using industry-standard tools and artificial intelligence.\n      <\/p>\n    <\/div>\n\n    <!-- Highlights Grid -->\n    <div class=\"highlights-grid\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; margin-top: 30px;\">\n\n      <!-- Existing Items (same as before) -->\n      <div class=\"highlight-card\" style=\"background: white; border-radius: 10px; padding: 25px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\">\n        <div style=\"display: flex; align-items: center; margin-bottom: 15px;\">\n          <div style=\"width: 40px; height: 40px; background: #004aaf; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px;\">\u2705<\/div>\n          <h3 style=\"color: #004aaf; font-size: 1.2rem;\">HTML & CSS Foundations<\/h3>\n        <\/div>\n        <p style=\"color: #555;\">Understand the building blocks of web pages and how to structure and style them properly.<\/p>\n      <\/div>\n\n      <div class=\"highlight-card\" style=\"background: white; border-radius: 10px; padding: 25px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\">\n        <div style=\"display: flex; align-items: center; margin-bottom: 15px;\">\n          <div style=\"width: 40px; height: 40px; background: #004aaf; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px;\">\u2705<\/div>\n          <h3 style=\"color: #004aaf; font-size: 1.2rem;\">WordPress Website Building<\/h3>\n        <\/div>\n        <p style=\"color: #555;\">Build dynamic websites using WordPress and customize with plugins and themes.<\/p>\n      <\/div>\n\n      <div class=\"highlight-card\" style=\"background: white; border-radius: 10px; padding: 25px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\">\n        <div style=\"display: flex; align-items: center; margin-bottom: 15px;\">\n          <div style=\"width: 40px; height: 40px; background: #004aaf; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px;\">\u2705<\/div>\n          <h3 style=\"color: #004aaf; font-size: 1.2rem;\">Responsive Design<\/h3>\n        <\/div>\n        <p style=\"color: #555;\">Design websites that adapt seamlessly to mobile phones, tablets, and desktops.<\/p>\n      <\/div>\n\n      <div class=\"highlight-card\" style=\"background: white; border-radius: 10px; padding: 25px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\">\n        <div style=\"display: flex; align-items: center; margin-bottom: 15px;\">\n          <div style=\"width: 40px; height: 40px; background: #004aaf; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px;\">\u2705<\/div>\n          <h3 style=\"color: #004aaf; font-size: 1.2rem;\">Using Elementor<\/h3>\n        <\/div>\n        <p style=\"color: #555;\">Drag-and-drop custom page designs with Elementor \u2014 no coding required.<\/p>\n      <\/div>\n\n      <div class=\"highlight-card\" style=\"background: white; border-radius: 10px; padding: 25px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\">\n        <div style=\"display: flex; align-items: center; margin-bottom: 15px;\">\n          <div style=\"width: 40px; height: 40px; background: #004aaf; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px;\">\u2705<\/div>\n          <h3 style=\"color: #004aaf; font-size: 1.2rem;\">Hosting & Domains<\/h3>\n        <\/div>\n        <p style=\"color: #555;\">Learn how to set up hosting, register a domain, and launch your website live.<\/p>\n      <\/div>\n\n      <div class=\"highlight-card\" style=\"background: white; border-radius: 10px; padding: 25px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\">\n        <div style=\"display: flex; align-items: center; margin-bottom: 15px;\">\n          <div style=\"width: 40px; height: 40px; background: #004aaf; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px;\">\u2705<\/div>\n          <h3 style=\"color: #004aaf; font-size: 1.2rem;\">Basic SEO & Speed Optimization<\/h3>\n        <\/div>\n        <p style=\"color: #555;\">Optimize your site for visibility on Google and ensure it loads quickly.<\/p>\n      <\/div>\n\n      <!-- \u2705 New Item: AI Tools -->\n      <div class=\"highlight-card\" style=\"background: white; border-radius: 10px; padding: 25px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\">\n        <div style=\"display: flex; align-items: center; margin-bottom: 15px;\">\n          <div style=\"width: 40px; height: 40px; background: #004aaf; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px;\">\ud83e\udd16<\/div>\n          <h3 style=\"color: #004aaf; font-size: 1.2rem;\">Using AI Tools (ChatGPT & DeepSeek)<\/h3>\n        <\/div>\n        <p style=\"color: #555;\">Speed up web design tasks and generate smart content using AI tools like ChatGPT and DeepSeek.<\/p>\n      <\/div>\n\n    <\/div>\n\n    <!-- CTA Button -->\n    <div style=\"text-align: center; margin-top: 50px;\">\n      <a href=\"https:\/\/www.thinkupacademy.com\/mw\/apply\" style=\"display: inline-block; background: #004aaf; color: white; padding: 15px 30px; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 1.1rem; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0, 74, 175, 0.3);\">\n        Enroll Now\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c918c52 e-con-full e-flex e-con e-parent\" data-id=\"c918c52\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46ea300 elementor-widget elementor-widget-html\" data-id=\"46ea300\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section style=\"padding: 50px 20px; background: white;\">\n  <h2 style=\"text-align: center; color: #004aaf;\">Why Enroll?<\/h2>\n  <div style=\"display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; text-align: center;\">\n    \n    <div style=\"flex: 1; min-width: 250px;\">\n      <i class=\"fas fa-chalkboard-teacher fa-2x\" style=\"color: #009ddc;\"><\/i>\n      <h4>Expert Facilitators<\/h4>\n      <p>Learn from certified digital marketing professionals.<\/p>\n    <\/div>\n    \n    <div style=\"flex: 1; min-width: 250px;\">\n      <i class=\"fas fa-laptop-code fa-2x\" style=\"color: #009ddc;\"><\/i>\n      <h4>Hands-On Projects<\/h4>\n      <p>Practice real-world campaigns and analytics.<\/p>\n    <\/div>\n    \n    <div style=\"flex: 1; min-width: 250px;\">\n      <i class=\"fas fa-certificate fa-2x\" style=\"color: #009ddc;\"><\/i>\n      <h4>Get Certified<\/h4>\n      <p>Receive a professional certificate upon completion.<\/p>\n    <\/div>\n\n    <div style=\"flex: 1; min-width: 250px;\">\n      <i class=\"fas fa-book-open fa-2x\" style=\"color: #009ddc;\"><\/i>\n      <h4>Textbooks Included<\/h4>\n      <p>All required learning materials and textbooks are provided at no extra cost.<\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cca67cd e-con-full e-flex e-con e-parent\" data-id=\"cca67cd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd0bbda elementor-widget elementor-widget-html\" data-id=\"fd0bbda\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section style=\"padding: 50px 20px; background: #eef5fc;\">\n  <h2 style=\"text-align: center; color: #004aaf;\">Course Information<\/h2>\n  <div style=\"max-width: 600px; margin: auto; text-align: center;\">\n    <p><strong>Duration:<\/strong> 2 Months <\/p>\n    <p><strong>Format:<\/strong> Online \/ In-Person<\/p>\n    <p><strong>Cost:<\/strong> MK70,000 \/ Registration Fee: K5000<\/p>\n    <p><strong>Start Date:<\/strong> Ongoing Monthly Intakes<\/p>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bf6c540 e-con-full e-flex e-con e-parent\" data-id=\"bf6c540\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13cea97 elementor-widget elementor-widget-html\" data-id=\"13cea97\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"apply\" style=\"padding: 60px 20px; background: white; text-align: center;\">\n  <h2 style=\"color: #004aaf;\">Ready to Start?<\/h2>\n  <p>Fill in your details and our team will get back to you within 24 hours.<\/p>\n  <a href=\"https:\/\/www.thinkupacademy.com\/mw\/apply\" style=\"background: #009ddc; color: white; padding: 14px 32px; border-radius: 6px; font-size: 16px; font-weight: bold; text-decoration: none;\">Apply Now<\/a>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Master Website Design Learn to build beautiful, responsive websites using WordPress, HTML &#038; CSS. Apply Now Course Highlights Learn to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":143,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-397","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.thinkupacademy.com\/mw\/wp-json\/wp\/v2\/pages\/397","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thinkupacademy.com\/mw\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.thinkupacademy.com\/mw\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.thinkupacademy.com\/mw\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thinkupacademy.com\/mw\/wp-json\/wp\/v2\/comments?post=397"}],"version-history":[{"count":7,"href":"https:\/\/www.thinkupacademy.com\/mw\/wp-json\/wp\/v2\/pages\/397\/revisions"}],"predecessor-version":[{"id":462,"href":"https:\/\/www.thinkupacademy.com\/mw\/wp-json\/wp\/v2\/pages\/397\/revisions\/462"}],"up":[{"embeddable":true,"href":"https:\/\/www.thinkupacademy.com\/mw\/wp-json\/wp\/v2\/pages\/143"}],"wp:attachment":[{"href":"https:\/\/www.thinkupacademy.com\/mw\/wp-json\/wp\/v2\/media?parent=397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}