Hi, Welcome to Homies

Homies are landing page template for Home Design Agency, this repository build for everyone to learn how to create template from scratch with own design.

Requirement & Prepare

Before we start, please follow below steps to prepare this project and make sure you have already installed web service like Apache / Nginx / XAMPP / WAMP etc. :

Install Ruby SASS

First, you can install Ruby from this link with your current platform. Next, install Ruby SASS from this link. Or if you use Linux / OSX just run sudo gem install sass on your Terminal.

Install GIT

If you have already installed git you can skip this step

After installing ruby, next you should install GIT for downloading this project follow this link for detail.

How to run

And then, after prepare requirement above. You can start download this project to your local machine with steps like this :

Run git clone git@github.com:muhibbudins/homies.git on Terminal / Command Prompt (CMD)
Open localhost/homies on your favorite browser
Compile SCSS file with command sass --watch scss/style.scss:css/style.css
Yups, you can start to modify this template!

Structure

Tutorial

Indonesian language

Folder Structure

|- css
|- img
|- scss
|- .gitignore
|- index.html
|- LICENSE
|- README.md

HTML Structure

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Project Name</title>
</head>
<body>
	
	<!-- Heading -->

	<!-- Hero -->

	<!-- Testimony -->

	<!-- Projects -->

	<!-- Contact Us -->

	<!-- Footer -->

</body>
</html>

SCSS Structure

.heading {
	
}

.hero {
	
}

.testimony {
	
}

.projects {
	
}

.contact_us {
	
}

.footer {
	
}

About

Hi, My name Muhibbudin Suretno (Eno) i have around 3+ years experience in Web Development and this year try to focus on UI/UX Design & Frontend Development. You can see my open source project on Github, see my design on Pinterest & other experience on LinkedIn

License

This project under MIT License

muhibbudins/homies