import React from 'react';
import './Header.css';

function Header() {
    return (
        <div class="header">
            <div class="container">
                <div class="header-main">
                    <div class="logo">
                        <a href="/"> <h3>Platform IMMOCS</h3> </a>
                    </div>
                    <div class="head-right">
                        <div class="top-nav">
                            <ul class="res">
                                <li><a href="/" >Home</a></li>
                                <li><a href="/property_sales/sales_by_granularity">Sales by Period</a></li>
                                <li><a href="/property_sales/average_surface_price">Evolution</a></li>
                                <li><a href="/property_sales/sales_by_regions">Sales by Regions</a></li>
                                <div class="clearfix"> </div>
                            </ul>
                        </div>
                        <div class="clearfix"> </div>
                    </div>
                    <div class="clearfix"> </div>
                </div>
            </div>
        </div>
    );
}

export default Header;
