Recreate The Xiaomi Homepage With Neve & Otter Blocks [FREE Tools] - Best Webhosting

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Watch Wordpress ThemeIsle Video: Recreate The Xiaomi Homepage With Neve & Otter Blocks [FREE Tools].
You can recreate almost any website you see on the Internet by using a free WordPress theme, WordPress blocks, and some custom CSS. Here is how to build the homepage of the Xiaomi website.
Download Neve WordPress theme: http://bit.ly/NeveWPTheme

The tools we used to make this happen:

• Get professional hosting from Siteground, with discount* - http://bit.ly/WPHostingOffer
• Neve theme mega menu: https://docs.themeisle.com/article/964-neve-mega-menu-setup

1. Domain Wheel - https://domainwheel.com/
2. Otter (Gutenberg Blocks & Template Library) - http://bit.ly/OtterBlocks
3. Image optimization service by Optimole - http://bit.ly/Optimole
4. Orbit FOX - http://bit.ly/OrbitFOX

Xiaomi.com is a popular tech gear website with a lot of content and pages but I will recreate only the homepage, step by step.

Step #1 - Get a domain name • 1:24
Step #2 - Get professional WordPress hosting • 2:03
Step #3 - Recreate the header using Neve + CSS • 2:56
Step #4 - Recreate the footer using Neve + CSS • 14:07
Step #5 - Recreate the content using Otter Blocks • 18:21

Custom CSS

Download and import the Customizer settings including the custom CSS: https://bit.ly/2IRvnwh

Copy and Paste the CSS code: https://gist.github.com/dascalescuro/211799eff8a6463fddaa0d59bd55f562

Website → https://themeisle.com
WordPress Articles → https://themeisle.com/blog/
Facebook → https://www.facebook.com/themeisle/

ThemeIsle is the go-to source for the High-Quality WordPress Themes (both free & premium), and plugins every website owner needs. We're passioned about all things WordPress, but we're not afraid to tackle other web related subjects. Our goal is to give those websites easy-to-use themes and designs that can be managed by everyone.

* When purchasing hosting through our link, from Siteground.com, you can get a specific discount available at that moment. Doing it, you will generate a commission for us and that is helpful for making future video-tutorials. Thank you!"

Published: Friday, August 16, 2019 12:17 PM
Category: Wordpress ThemeIsle

101 Views

Related Videos

How To Use WordPress Gutenberg Blocks & Neve To Recreate LifeHack.org

by Best Webhosting Added 4 years ago 98 Views / 0 Likes

Today we're going to use only free tools, the Neve theme and Gutenberg, to recreate the LifeHack.org homepage. We can't get it pixel-perfect, but it's really close. The tools we used to make this happen: • Neve WordPress theme: http://bit.ly/NeveWPTheme • Get professional hosting from Siteground, with discount* - http://bit.ly/WPHostingOffer • MailPoet tutorial: https://www.youtube.com/watch?v=zc2FVqsHJNQ 1. Stock Photos: https://mystock.themeisle.com
Recreate The Asos Website With Neve, Elementor & Gutenberg [homepage]

by Best Webhosting Added 4 years ago 77 Views / 0 Likes

You can recreate almost any website you see on the Internet by using a free WordPress theme and Elementor. Here is how to build the homepage of the ASOS website. The tools we used to make this happen: • Neve WordPress theme: http://bit.ly/NeveWPTheme • Elementor PRO. Get it now: http://bit.ly/DownloadElementor • Get professional hosting from Siteground, with discount* - http://bit.ly/WPHostingOffer 1. Domain Wheel - https://domainwheel.com/ 2. Otter (
How To Use WordPress Gutenberg Blocks To Recreate The Apple Homepage

by Best Webhosting Added 4 years ago 100 Views / 0 Likes

In this rebuild tutorial, we're going to recreate the Apple.com homepage by using WordPress Gutenberg Blocks. We'll be also using the free Neve theme and the free Otter Blocks for Gutenberg plugin for most of the project. Elementor Pro is required for the footer because it's a very complex footer. Everything besides the footer is built with free tools. The tools we used to make this happen: • Neve WordPress theme: http://bit.ly/NeveWPTheme • Get profe
How to Create a Page Header With a Sales Countdown Timer Using Otter Blocks & Neve [2022]

by Best Webhosting Added 1 year ago 17 Views / 0 Likes

Learn how to create a sales countdown timer in WordPress using the Countdown Block from Otter. We also used Neve's custom layouts module to create a header for the product archive page and added the countdown block that we made. Otter is a lightweight, dynamic collection of page building blocks and templates for the WordPress block editor. Download Otter: https://themeisle.com/plugins/otter-blocks/ Download Neve: https://themeisle.com/themes/neve/ Web
How to Create a Custom Page Header For Your WordPress Blog Using Otter Blocks & Neve Pro [2022]

by Best Webhosting Added 1 year ago 27 Views / 0 Likes

This video demonstrates how to create a custom page header for your WordPress Blogs (with Gutenberg) using the Custom Layouts Module from Neve Pro and the Otter Section Block. Neve is a super-fast, easily customizable, multi-purpose theme. It's perfect for blogs, small businesses, startups, agencies, firms, e-commerce shops (WooCommerce storefront), personal portfolio sites, and most types of projects. Download Neve → https://themeisle.com/themes/neve
Create a 404 Page in WordPress Using Otter Blocks, Neve Custom Layouts, and Lottie Animations [2022]

by Best Webhosting Added 1 year ago 24 Views / 0 Likes

This is a quick and easy tutorial where you will learn how to build amazing animated WordPress 404 pages in Gutenburg, using Neve's Custom Layouts Module, Otter Blocks and Lottie Animations. You would need a Neve Pro License to access the Custom Layouts Module. Download Neve 👉 https://themeisle.com/themes/neve/pricing/ Check out Otter Blocks 👉 https://themeisle.com/plugins/otter-blocks/ Get your Lottie animations here 👉 https://lottiefiles.com/ Websit
Using the free Raft theme and Otter blocks plugin by Themeisle

by Best Webhosting Added 1 year ago 13 Views / 0 Likes

I had the chance to look through Themeisle's new Full Site Editing theme, Raft. You can download it for free and use their Otter blocks plugin to help build out custom layouts. In this video, I'll give you an overview of using the combo, and see if it can replace the current theme on my website. Download Raft https://themeisle.com/themes/raft/ Download Otter https://wordpress.org/plugins/otter-blocks/ WordPress news: https://thewpminute.com/ Subscribe
What's New In Otter 1.2 (Gutenberg Blocks And Template Library)

by Best Webhosting Added 4 years ago 94 Views / 0 Likes

Demo and Free Download: https://bit.ly/2IRvnwh Gutenberg Blocks and Template Library by Otter is a lightweight WordPress plugin that brings extra Gutenberg blocks to your site. If you want to create complex pages and posts optimized for e-commerce, business, social media, blogs – you name it -comes with dozens of Gutenberg blocks that are all you need to build beautiful pages. Website → https://themeisle.com WordPress Articles → https://themeisle.com/
Otter - Page Builder Blocks & Extensions for Gutenberg

by Best Webhosting Added 1 year ago 25 Views / 0 Likes

Otter is a dynamic collection of page building blocks and templates for the WordPress Gutenberg Block Editor. Create beautiful and attractive posts, pages, and landing pages with Gutenberg Blocks and Template Library by Otter. Otter comes with dozens of Gutenberg blocks that are all you need to build beautiful pages in Gutenberg. Website → https://themeisle.com WordPress Articles → https://themeisle.com/blog/ Facebook → https://www.facebook.com/themei
How To Create Sticky Blocks In Gutenberg Using Otter [2022]

by Best Webhosting Added 1 year ago 15 Views / 0 Likes

Learn how to use Otter's sticky feature to create Sticky blocks in the WordPress editor. Download Otter → https://themeisle.com/plugins/otter-blocks/ Documentation → https://docs.themeisle.com/article/1529-block-sticky Website → https://themeisle.com WordPress Articles → https://themeisle.com/blog/ Facebook → https://www.facebook.com/themeisle/ ThemeIsle is the go-to source for High-Quality WordPress Themes (both free & premium), and plugins every web
Elementor Pro Tutorial: How To Recreate The Outlook.com Homepage [NEW]

by Best Webhosting Added 4 years ago 88 Views / 0 Likes

In this Elementor pro tutorial, we're going to recreate the Outlook.live.com homepage. We'll be using the free Neve theme and Elementor for the project. I won't be skipping any steps, so I can almost guarantee that you'll learn something. The tools we used to make this happen: • Neve WordPress theme: http://bit.ly/NeveWPTheme • Get professional hosting from Siteground, with discount* - http://bit.ly/WPHostingOffer • Elementor: https://elementor.com/?r
Popular
Gutenberg Blocks And Template Library By Otter [NEW Block-Enabled Plugin]

by Best Webhosting Added 4 years ago 116 Views / 0 Likes

Download Otter: https://wordpress.org/plugins/otter-blocks/ Otter: Blocks for Gutenberg is a lightweight WordPress plugin that brings extra Gutenberg blocks to your site. So if you want to create complex pages and posts optimized for e-commerce, business, social media, blogs - you name it - Otter is coming with many modern blocks. A feature that is worth mentioning is the Section Block that allows you to build columns and various layouts in Gutenberg.