{"id":2012,"date":"2021-06-21T06:38:29","date_gmt":"2021-06-21T06:38:29","guid":{"rendered":"https:\/\/elementor.com\/academy\/?p=2012"},"modified":"2023-02-22T09:31:57","modified_gmt":"2023-02-22T09:31:57","slug":"create-a-homepage-for-your-business-with-elementor","status":"publish","type":"post","link":"https:\/\/elementor.com\/academy\/create-a-homepage-for-your-business-with-elementor\/","title":{"rendered":"Create a Homepage For Your Business With Elementor"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2012\" class=\"elementor elementor-2012\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-23e483dd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"23e483dd\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-58f4c1b3\" data-id=\"58f4c1b3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4aa6677 elementor-widget elementor-widget-video\" data-id=\"4aa6677\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=sI5sLDINqqY&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7bc1f625 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7bc1f625\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-78f9416b\" data-id=\"78f9416b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5a361e40 elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"5a361e40\" data-element_type=\"widget\" data-widget_type=\"tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-tabs\">\n\t\t\t<div class=\"elementor-tabs-wrapper\" role=\"tablist\" >\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1511\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1511\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1512\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1512\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"elementor-tabs-content-wrapper\" role=\"tablist\" aria-orientation=\"vertical\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1511\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1511\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1511\" tabindex=\"0\" hidden=\"false\"><p>In this tutorial, we&#8217;ll show you how to create the homepage as seen in the video, step-by-step.<\/p><p>You&#8217;ll learn how to:<br \/>\u2714\ufe0e Add Motion Effects<br \/>\u2714\ufe0e Use absolute position<br \/>\u2714\ufe0e and much more!<\/p><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1512\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1512\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1512\" tabindex=\"0\" hidden=\"hidden\"><p>hey there Cassie from Elementor here did<br \/>you watch our rad skater video now you<br \/>can learn how we did it we&#8217;ll take you<br \/>behind the scenes of our skater campaign<br \/>and share the design secrets on how to<br \/>build a cool landing page for your<br \/>business in this video you&#8217;ll learn how<br \/>to use custom positioning motion and<br \/>scrolling effects the flip box and forms<br \/>to add a sense of live motion to your<br \/>pages<br \/>first off create a new page give it a<br \/>name and click Edit with Elementor now<br \/>in the page settings let&#8217;s change the<br \/>layout to canvas<br \/>great click the plus to add a new<br \/>section and we&#8217;ll go with one column<br \/>let&#8217;s set up our work layout set the<br \/>content width to full width columns gap<br \/>to no gap height to minimum height and<br \/>set it to 140 VH now in style let&#8217;s add<br \/>our background image click on classic<br \/>and choose your image you can upload an<br \/>image or use one from the media library<br \/>let&#8217;s go with this one<br \/>now let&#8217;s tweak it a little in position<br \/>set it to center Center attachment fixed<br \/>repeat no-repeat and set the size to<br \/>cover<br \/>next drag in a heading widget and type<br \/>in your text align it to the center and<br \/>in style change the color to white in<br \/>typography change the font to Anton size<br \/>to 180 pixel weight to normal transform<br \/>to uppercase style to italic line height<br \/>to 1.2 and letter spacing to 80 awesome<br \/>let&#8217;s add the skater image so drag in an<br \/>image widget and choose our skater from<br \/>the media library<br \/>next in advanced set the top margin to<br \/>negative 400 pixel and bottom to minus<br \/>helps you keep track of all your<br \/>elements so right-click the background<br \/>here and choose navigator there it is<br \/>change the image name to skater for easy<br \/>reference moving on drag in an image<br \/>widget and choose the ramp image<br \/>in the navigator drag it under the<br \/>skater image and change its name to ramp<br \/>and change the image size to full in the<br \/>Navigator click the section to enter its<br \/>settings in layout column position<br \/>change it to bottom<br \/>now click the column and in layout<br \/>widgets space type in zero that<br \/>stretches the ramp image to the whole<br \/>width of the page now let&#8217;s add motion<br \/>effects click on the skater image open<br \/>motion effects and flip on the scrolling<br \/>effects click on vertical scroll and set<br \/>the direction to down and speed to 4.5<br \/>leave the viewport settings on default<br \/>next click on the heading widget to<br \/>enter its settings in advanced motion<br \/>effects flip the switch on Mouse effects<br \/>next click on 3d tilt leave the<br \/>direction as direct and set the speed to<br \/>great job moving on to the next section<br \/>so add a section with one column in<br \/>layout change the content width to full<br \/>width height to minimum height and set<br \/>it to 150 VH for the column position set<br \/>it to stretch and the overflow to hidden<br \/>in style add a background color I&#8217;ll add<br \/>a grayish color drag in a heading widget<br \/>in content change the text and align it<br \/>to the middle in style change the text<br \/>color and in typography change the font<br \/>to Anton and the text size to 80 pixels<br \/>excellent now drag in a text editor<br \/>widget just under the title paste your<br \/>text here cool in style align it to the<br \/>center<br \/>change the text color and in typography<br \/>set the font size to 18 pixels set the<br \/>line height to 1.8 and the letter<br \/>spacing to negative zero point two now<br \/>in advanced add a 300 pixel margin from<br \/>the left and right<br \/>brilliant drag in a button widget change<br \/>the text align it to the middle and<br \/>change its size to large in style<br \/>typography change the font to lotto<br \/>weight to bold and letter spacing to 1.5<br \/>in normal change the text and button<br \/>color in hover flip the text in button<br \/>colors so the text to yellow and the<br \/>button to dark blue now<br \/>let&#8217;s spice it up with some hover<br \/>animations why don&#8217;t we go for float<br \/>round the buttons corners by adding 40<br \/>pixels in the border radius and to make<br \/>some more space add 20 pixels padding to<br \/>the top and bottom and 50 pixels to the<br \/>left and right cool looks good click the<br \/>sections handle to enter its settings<br \/>and add some space here go to advanced<br \/>and add a hundred pixels to the top<br \/>padding drag in an image widget and<br \/>choose your image I&#8217;ll use the<br \/>skateboard image in the navigator change<br \/>its name to front skate layer and add<br \/>two more images here front middle and<br \/>back choose this one here and name it<br \/>middle skate layer<br \/>and for the last one dragon an image<br \/>widget<br \/>and rename the item in the navigator to<br \/>backs gate layer still in the backs gate<br \/>layer in advanced go to custom<br \/>positioning and change the position to<br \/>absolute and set the vertical<br \/>orientation to the bottom now click the<br \/>middle skate layer go to advanced custom<br \/>positioning set it to absolute and again<br \/>set the vertical orientation to the<br \/>bottom<br \/>now for the front skate layer advanced<br \/>custom positioning set it to absolute<br \/>and vertical orientation to the bottom<br \/>as well swell now let&#8217;s add some motion<br \/>animation to your scene first add all<br \/>the images so dragon an image widget and<br \/>choose this wheel in advanced custom<br \/>positioning set the width to custom and<br \/>use the slider to set it to 180 pixels<br \/>in position set it to absolute now<br \/>change the offset to percent and drag it<br \/>here<br \/>now at a second image so drag in a<br \/>second image widget<br \/>pick this image here advanced custom<br \/>positioning custom width set the offset<br \/>so now you just repeat this process a<br \/>few times so fast-forwarding here<br \/>great you did it so now let&#8217;s add some<br \/>motion FX click the first image we<br \/>inserted in advanced motion effects flip<br \/>on scrolling effects click the pencil<br \/>next to vertical scroll and leave the<br \/>default settings next click the pencil<br \/>next to the horizontal scroll and set<br \/>the speed to 2 in style click the pencil<br \/>next to the CSS filters and add some<br \/>blur 5 is good yep so again go over all<br \/>the images you&#8217;ve added and follow the<br \/>same routine just with some minor<br \/>changes to the speed and direction so<br \/>speeding up here<br \/>cool let&#8217;s see here all righty<br \/>click the sections handle to enter its<br \/>settings and in layout set the column<br \/>gap to no gap okay great now we&#8217;re done<br \/>with this section let&#8217;s take a look<br \/>awesome moving on add a section with one<br \/>column this is going to be our products<br \/>section set the content width to 1600<br \/>the height to min height with a hundred<br \/>VH<br \/>over in style add a background image to<br \/>your section<br \/>nice set the position to top center<br \/>repeat to no repeat and size to cover<br \/>drag in a heading widget paste your text<br \/>here and align it to the center<br \/>in style go ahead and change the text<br \/>color<br \/>in typography change the font its size<br \/>spacing what time is it time to drag in<br \/>a text editor widget paste in the text<br \/>align it to the center<br \/>change the font to lotto and font size<br \/>to 18 pixels<br \/>and drag in an intersection widget set<br \/>its width to 1600 just like we did for<br \/>the section let&#8217;s add a call to action<br \/>widget to the Left column so search for<br \/>call Paradis<br \/>tweak the settings a little change the<br \/>skin to cover and choose an image<br \/>in content changed the title remove the<br \/>description text and change the buttons<br \/>text great in style set the minimum<br \/>height to 500 pixels and the vertical<br \/>position to bottom back in content in<br \/>normal change the title and button color<br \/>to black<br \/>in typography changed the font to our<br \/>friend Anton set the size to 40 pixels<br \/>weight to normal and letter spacing to<br \/>properties as well<br \/>and in hover change the text color to<br \/>yellow I don&#8217;t want the border around<br \/>the button so I&#8217;ll set the border width<br \/>to zero let&#8217;s check it out<br \/>cool<br \/>in hover effects content disable the<br \/>animation by setting it to none still in<br \/>hover effects background remove the<br \/>overlay color on hover by sliding the<br \/>opacity slider down and change the zoom<br \/>in animation on hover and set it to 1000<br \/>milliseconds have a look we need to<br \/>space it out a little so an advanced<br \/>play with the margin add 40 pixels to<br \/>the right and 40 pixels to the left<br \/>great now duplicate your column<br \/>and duplicate again and delete the empty<br \/>column on the right<br \/>click the middle call to action widget<br \/>and replace the image let&#8217;s choose this<br \/>hoodie<br \/>change the text to hoody all right and<br \/>the one on the right change the image to<br \/>this hat<br \/>and type in accessories click the<br \/>section handle to enter its settings and<br \/>space it out a bit so add a hundred<br \/>pixels to the top awesome now for the<br \/>intersection in advanced motion effects<br \/>set an entrance animation will go with<br \/>fade in up cool so we&#8217;re done with this<br \/>section next we&#8217;ll add a section with<br \/>one column<br \/>this will be our meet our team section<br \/>change it to full width height to 100 VH<br \/>and in style give it a background color<br \/>drag in a heading widget and type in<br \/>your text align it to the center and in<br \/>style change the color and font<br \/>properties<br \/>next drag in an intersection and change<br \/>its content width to full width<br \/>duplicate the column twice<br \/>so you&#8217;ll end up with four columns<br \/>search for the flip box widget and drag<br \/>it into the left column remove the<br \/>graphic element change the title and<br \/>description and paste in your text then<br \/>click background and add the first team<br \/>member image<br \/>in position change it to Center Center<br \/>and set the size to cover in the back<br \/>card remove the title in the text and<br \/>change the buttons text to read more in<br \/>the background add an image of our team<br \/>members in action position it to Center<br \/>Center size to cover and in the settings<br \/>change the height to 70 VH in the flip<br \/>direction to the right cool okay check<br \/>this out let&#8217;s also add the 3d depth<br \/>effect<br \/>great now InStyle set the Front&#8217;s<br \/>vertical position to the bottom change<br \/>the text color so you can see it and do<br \/>the same for the description text let&#8217;s<br \/>change the font to our Anton font and<br \/>tweak a few settings<br \/>add some padding 50 for the left and<br \/>right<br \/>eighty-four the bottom and zero for the<br \/>top now for the back vertical position<br \/>to the bottom change the button size to<br \/>medium and let&#8217;s tweak the typography<br \/>settings<br \/>change the buttons text color to our<br \/>dark blue and the background to yellow<br \/>again remove the buttons border by<br \/>setting the width to zero and make it<br \/>round by setting the border radius to 50<br \/>let&#8217;s space it out a bit set 80 pixels<br \/>padding to the bottom right click your<br \/>column and right click paste on to the<br \/>next one cool isn&#8217;t it<br \/>now paste again and again it&#8217;s a real<br \/>time-saver all that&#8217;s left to do now is<br \/>change the names and images so let me<br \/>fast forward here a bit<br \/>alright let&#8217;s add some margin to the<br \/>heading widget<br \/>almost done on to our final section<br \/>choose one column set the width to 500<br \/>column gap to no gap<br \/>height to minimum height and set it to<br \/>in style set the background color and<br \/>choose an image<br \/>I&#8217;ll use this ramp<br \/>change the position to bottom center and<br \/>the size to cover<br \/>now drag in a text editor widget<br \/>and paste in your text in style set the<br \/>alignment to the middle change the text<br \/>color and typography settings as well<br \/>search for the forum widget and drag it<br \/>in just under the text we&#8217;re creating a<br \/>subscribe forum so we don&#8217;t need the<br \/>name and message fields here let&#8217;s just<br \/>delete them click on the email and<br \/>change the column width to 60% next<br \/>change the input size to medium and<br \/>remove the label<br \/>open the submit button settings and<br \/>change the text to subscribe will also<br \/>change the size to medium in the column<br \/>width to 40% in style change the column<br \/>gap in row gap to zero in the field<br \/>settings change the text color<br \/>and the typography settings to your<br \/>liking<br \/>remove the fields background color<br \/>but at a border so let&#8217;s choose our dark<br \/>blue<br \/>and set the border with two-two now<br \/>let&#8217;s make our field round by adding 50<br \/>pixels to the top and left border radius<br \/>settings in the button change the<br \/>background color to our dark blue and<br \/>the text color to the backgrounds color<br \/>let&#8217;s tweak the button typography<br \/>settings a bit<br \/>and again round the corners by adding 50<br \/>pixels to the right and bottom this time<br \/>awesome<br \/>and of course add the social icons<br \/>widget to seal the deal search for it<br \/>and drag it right under your subscribe<br \/>form tweak the default settings a bit<br \/>let&#8217;s change the Twitter icon click to<br \/>open the settings and click on the image<br \/>this will open element tours icon<br \/>library search for Instagram and there<br \/>it is let&#8217;s also change the Google+ so<br \/>just do it again click open the icon<br \/>library and type you alright there it is<br \/>YouTube&#8217;s icon SuperDuper onto changing<br \/>the shape to a circle<br \/>and in style color change it to custom<br \/>in primary color choose our dark blue<br \/>and in the secondary color choose your<br \/>backgrounds color<br \/>space them out of it in spacing type in<br \/>top 20 pixels should do it and perfecto<br \/>we&#8217;re done scroll up the page to see all<br \/>our work looks rad whoo-hoo feels like<br \/>we&#8217;re skating down the page<br \/>try building your own landing page<br \/>similar to the skater page and don&#8217;t<br \/>forget for more videos and rad tutorials<br \/>subscribe to our You Tube channel later<br \/>skater<\/p><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Overview Transcript Overview In this tutorial, we\u2019ll show you how to create the homepage as seen in the video, step-by-step. You\u2019ll learn how to: \u2714\ufe0e Add Motion Effects \u2714\ufe0e Use absolute position \u2714\ufe0e and much more! Transcript hey there Cassie from Elementor here did you watch our rad skater video now you can learn how [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":3974,"comment_status":"closed","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[41],"class_list":["post-2012","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-layout","tag-guides-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Create a Homepage For Your Business With Elementor - Academy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/academy\/create-a-homepage-for-your-business-with-elementor\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create a Homepage For Your Business With Elementor - Academy\" \/>\n<meta property=\"og:description\" content=\"Overview Transcript Overview In this tutorial, we\u2019ll show you how to create the homepage as seen in the video, step-by-step. You\u2019ll learn how to: \u2714\ufe0e Add Motion Effects \u2714\ufe0e Use absolute position \u2714\ufe0e and much more! Transcript hey there Cassie from Elementor here did you watch our rad skater video now you can learn how [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/academy\/create-a-homepage-for-your-business-with-elementor\/\" \/>\n<meta property=\"og:site_name\" content=\"Academy\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-21T06:38:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-22T09:31:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Create-a-Homepage.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1919\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Hodaya\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hodaya\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Create a Homepage For Your Business With Elementor - Academy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/academy\/create-a-homepage-for-your-business-with-elementor\/","og_locale":"en_US","og_type":"article","og_title":"Create a Homepage For Your Business With Elementor - Academy","og_description":"Overview Transcript Overview In this tutorial, we\u2019ll show you how to create the homepage as seen in the video, step-by-step. You\u2019ll learn how to: \u2714\ufe0e Add Motion Effects \u2714\ufe0e Use absolute position \u2714\ufe0e and much more! Transcript hey there Cassie from Elementor here did you watch our rad skater video now you can learn how [&hellip;]","og_url":"https:\/\/elementor.com\/academy\/create-a-homepage-for-your-business-with-elementor\/","og_site_name":"Academy","article_published_time":"2021-06-21T06:38:29+00:00","article_modified_time":"2023-02-22T09:31:57+00:00","og_image":[{"width":1919,"height":1080,"url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Create-a-Homepage.jpg","type":"image\/jpeg"}],"author":"Hodaya","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Hodaya"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/academy\/create-a-homepage-for-your-business-with-elementor\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/create-a-homepage-for-your-business-with-elementor\/"},"author":{"name":"Hodaya","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c"},"headline":"Create a Homepage For Your Business With Elementor","datePublished":"2021-06-21T06:38:29+00:00","dateModified":"2023-02-22T09:31:57+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/academy\/create-a-homepage-for-your-business-with-elementor\/"},"wordCount":2469,"publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"image":{"@id":"https:\/\/elementor.com\/academy\/create-a-homepage-for-your-business-with-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Create-a-Homepage.jpg","keywords":["Guides and Tutorials"],"articleSection":["Design \/ Layout"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/academy\/create-a-homepage-for-your-business-with-elementor\/","url":"https:\/\/elementor.com\/academy\/create-a-homepage-for-your-business-with-elementor\/","name":"Create a Homepage For Your Business With Elementor - Academy","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/academy\/create-a-homepage-for-your-business-with-elementor\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/academy\/create-a-homepage-for-your-business-with-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Create-a-Homepage.jpg","datePublished":"2021-06-21T06:38:29+00:00","dateModified":"2023-02-22T09:31:57+00:00","breadcrumb":{"@id":"https:\/\/elementor.com\/academy\/create-a-homepage-for-your-business-with-elementor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/academy\/create-a-homepage-for-your-business-with-elementor\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/create-a-homepage-for-your-business-with-elementor\/#primaryimage","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Create-a-Homepage.jpg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Create-a-Homepage.jpg","width":1919,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/academy\/create-a-homepage-for-your-business-with-elementor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Elementor","item":"https:\/\/elementor.com\/"},{"@type":"ListItem","position":2,"name":"Academy","item":"https:\/\/elementor.com\/academy\/"},{"@type":"ListItem","position":3,"name":"Design \/ Layout","item":"https:\/\/elementor.com\/academy\/design-layout\/"},{"@type":"ListItem","position":4,"name":"Create a Homepage For Your Business With Elementor"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/academy\/#website","url":"https:\/\/elementor.com\/academy\/","name":"Elementor Academy","description":"Page Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/academy\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/academy\/#organization","name":"Elementor Academy","alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","url":"https:\/\/elementor.com\/academy\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","width":490,"height":85,"caption":"Elementor Academy"},"image":{"@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c","name":"Hodaya","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/324f2d5cff44331b747d766f10e31793b1e29ad4f98f129d409760191f88ccc5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/324f2d5cff44331b747d766f10e31793b1e29ad4f98f129d409760191f88ccc5?s=96&d=mm&r=g","caption":"Hodaya"},"url":"https:\/\/elementor.com\/academy\/author\/hodaya\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2012","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/comments?post=2012"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2012\/revisions"}],"predecessor-version":[{"id":9533,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2012\/revisions\/9533"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media\/3974"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media?parent=2012"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/categories?post=2012"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/tags?post=2012"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}