BillionaireLand/
|-- index.html
|-- styles/
| |-- main.css
|-- scripts/
| |-- main.js
|-- assets/
| |-- images/
| | |-- project-1.png
| | |-- project-2.png
| | |-- project-4.png
| | |-- project-5.png
|-- fonts/
| |-- DMSans.woff2
BillionaireLand
Welcome to BillionaireLand
Our Projects
Project 1 Description
Project 2 Description
Project 4 Description
Project 5 Description
@font-face {
font-family: 'DMSans';
src: url('../fonts/DMSans.woff2') format('woff2');
}
body {
font-family: 'DMSans', sans-serif;
margin: 0;
padding: 0;
background-color: #f5f5f5;
color: #333;
}
header {
background-color: #333;
color: #fff;
padding: 1rem;
text-align: center;
}
main {
padding: 1rem;
}
.projects {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.project {
margin: 1rem;
padding: 1rem;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 8px;
width: 200px;
text-align: center;
}
.project img {
max-width: 100%;
height: auto;
}
footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 1rem;
position: fixed;
width: 100%;
bottom: 0;
}
console.log('Welcome to BillionaireLand');