View Tool Page
![](https://static.wixstatic.com/media/baac51_121a663408ad477dacbfbd49d274712e~mv2.jpg/v1/fill/w_980,h_653,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/baac51_121a663408ad477dacbfbd49d274712e~mv2.jpg)
Learn how to design a portfolio website without code. In part 1, you’ll learn how to import design styles and fonts, create a footer and header with a logo and navigation, and design a homepage.
Subscribe for more web design videos and tutorials: https://bit.ly/3IUiVpj
Join the Creative X Crew community here: https://bit.ly/3rMx567
As a professional web designer, it’s good to have a portfolio that shows your work. But how do you build a portfolio website, especially if you don’t want to code? Today, Brad Hussey, a web designer, teaches you how to design a beautiful portfolio website in Editor X and make that a reality without any coding. That’s right, in this complete Editor X tutorial, you’ll be learning about how you can use Editor X to start building a website from start to finish with no code! You’ll learn how to build a website fast from a mockup design to a functional and responsive website.
Designing a website fast can be difficult and stressful with traditional coding, but a website builder like Editor X makes it so much easier and manageable. This is a step-by-step website design with Editor X tutorial. If you’re new to using Editor X, this is the perfect starting point for understanding the Editor X website designing workflow. I’ll be covering Editor X design styles, Editor X headers, masters, and more. Know any great Editor X or web design tips that we didn’t cover in today’s Editor X website building tutorial? Share in the comments below!
Ready for part 2 of this video tutorial series on Editor X? Click the link below to watch now:
https://youtu.be/L82lr7e6Sbk
Get the assets for this Frontend Mentor challenge here:
https://www.frontendmentor.io/challenges/minimalist-portfolio-website-LMy-ZRyiE
Looking to get started with designing your next website with Editor X:
https://www.editorx.com/
Connect with me on:
Website: https://bit.ly/3DugDfI
Instagram: https://bit.ly/3uKtjuV
Facebook: https://bit.ly/3DtW5nD
Twitter: https://bit.ly/3K2gBy4
TikTok: https://bit.ly/3Dz3C4E
New to the channel? My name’s Brad Hussey. I'm a web designer and I’ve partnered with Editor X to create an inspiring, educational, and world-class YouTube channel and community for professional web designers and design agencies who are mastering the art, business, and craft of web design. On this channel, I’ll show you how to build websites with little code. I’ll also cover topics like, choosing fonts for web design, layout design for websites, and tons of Editor X tips and tricks videos and guides to get you started on your website creation process.
Learn how to make responsive websites and join us every week for new web designer tutorials, Editor X videos, livestreams, and challenges.
0:00 How to Design a Portfolio Website Without Code (Part 1)
0:35 Downloading a Website Mockup Design
2:22 Adding Design Styles to Editor X
3:44 Building a Header & Navigation in Editor X
5:05 Building a Footer in Editor X
6:38 Adding Masters in Editor X
9:02 Building a Hero Section in Editor X
16:05 Building an About Me Section in Editor X
18:54 Editor X Buttons with Anchors
#EditorX #WebsiteDesign #NoCodeWebDesign
How to Design a Portfolio Website Without Code (Part 1)
Related Videos
![](https://static.wixstatic.com/media/a041eb_75214a0c9e1e42969714a663573ddc61~mv2.png/v1/crop/x_0,y_0,w_1094,h_588/fill/w_979,h_526,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/Knack%20SS.png)
Add a Title
![](https://static.wixstatic.com/media/a041eb_79f71adb03f74782bd31bdfef12d76da~mv2.png/v1/fill/w_980,h_565,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/a041eb_79f71adb03f74782bd31bdfef12d76da~mv2.png)
Add a Title
![](https://static.wixstatic.com/media/a041eb_79f71adb03f74782bd31bdfef12d76da~mv2.png/v1/fill/w_980,h_565,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/a041eb_79f71adb03f74782bd31bdfef12d76da~mv2.png)