yaya-usman/natour

A landing page for an imaginary tour agency

Natour - Discover new tours😎

A landing page for an imaginary tour agency

Table of contents

• Overview
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
• Author
• Acknowledgments

Overview

Links

• Live Site URL: Click here

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• CSS Float layout
• Sass/SCSS
• Desktop-first workflow
• BEM Methodology for class naming

What I learned

I learnt a lot by building this project,to mention but few:

• Float layouts
• Grid
• CSS Animations
• CSS Hacks
• Semantic HTML
• Sass
• Responsive design
• Project Organization and many more................

const HadFun = () => {
  console.log('Yay!🎉')
}

Continued development

Future version will have more functionality added to it, make the website a fullstack project, probably will rebuild it using ReactJs Since this is built with purely HTML/CSS/Sass no javascript. Watch out for this repo in the future🙂

Author

• LinkedIn - Let's connect
• Frontend Mentor - @Elixir-K
• Website - check back in few months time :)

Acknowledgments

I will like acknowledge Jonas Schemdtman a wonderful teacher,who made this project possible, this isn't just a code along project, i learnt alot building this along with him, after pretty much taking his Advanced CSS and Sass i am pretty much confident in my design skills,i owe that to him. Here you can check out his courses on Udemy, all his courses are pure Masterclass.