green investment site

by schmueller23

HTML

!doctype html>
<html>
    <head>
        <title>Green Investment</title>
        <link href="file:///C:/xampp/htdocs/templatemo_591_villa_agency/styles.css" rel="stylesheet" type="text/css">
    </head>
    <body>
        <div class="green-investment-title">
            <h1>Green Investment</h1>
        </div>
        <div class="green-content">
            <div class="green-text">
                <h2>Profit from the green revolution</h2>
                <p>Reduce your carbon foot print and make a positive impact on the environment and the community by investing in clean and green energy. Bali offers untaped green investment potential as the booming tourism industry draws an international crowd of  environmentally conscious people to the island who not only want to livre a healthy lifestyle being close to nature but also perserve it 

                    Despite the vast potential of being an ecohub the island’s consciousness towards the environment is poorly managed due to a mentality of  unhygienic lifestyle especially relating to waste disposal.  Passed down from generations, the people of Bali are taught that everything used in their daily life are easily disposed of by dumping them out in nature and in public places.  This sort of mentality exists because their ancestors haver grown accustomed to using everyday items made from natural materialks like wood and plant fiber. However times have changed as people use everyday items that are synthetically made that damage nature. Unfortunately the Balinese have not caught up to this change as they are still stuck with the outdated mindset of their ancestors. 
                    
                    This is where you, the investor come in. You can invest in building green businesses like solar farms, recycling plant, public parks and green spaces to instill a mentality of care for motherr nature. By doing this you will improve the island’s green image and gain more clients in thed process. To get updates on new...

CSS

body {
    background-image: url("file:///C:/xampp/htdocs/templatemo_591_villa_agency/assets/images/techno%20background.jpg");
    height: 100%;
    background-position: top center ;
  
  background-size: cover;
  margin:0;
    
}


#header-container {
    display: flex;
    background-color: #56aeff;
    align-items:center;
    text-align:center !important;
    justify-content: center;
    font-family: Arial;
}

.image-container  {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
}

.img1 {
    width: 50%;
}
.img2 {
    width:50%
}

.sidebar {
    width: 290px;
    height: 370px;
    background-color:#E6C536;
    float:left;
    font-size: 13px;
    text-align: justify;
    padding-right: 30px;
    padding-left: 30px;
    font-family: Arial;
    font-size: 18px;

    
}

#text-container {
    display: flex;
    flex-direction: column;
    background-image:none;
    text-align: left;
    margin-left: 30px;
    height: 700px;
    text-size-adjust: 15;
    gap:20px 70px;
    padding-left: 50px;
    padding-right: 7px;
    font-family: Arial;
    font-size: 20px;

}

.landing-page {
    height: 400;
    width:250;
    background-color: #c6c9cf;

}

.green-investment-title {
    width: 100%;
    height: 45px;
    background-color: #56aeff;
    display:flex;
}

.green-content{
    display: flex;
    flex-direction: row;
}

.green-text {
    justify-content: left;
    text-align: left;
    font-size: 20px;
    font-family: Arial;
}

.green-image-container{
    width: 200px;
    height: 100px;
    background-color: #f0f0f0;
    border-bottom: 20px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

#titel-container-2 {
    position:top;
    top:0;
    display: flex;
    height: auto;
    width:100%;
    background-color: #56aeff;
    text-align:center !important;
    font-family: Arial;
    justify-content: center;
}

.image-container-2 {
    display: flex;
   ...