index.php

<?php
/**
 * The main template file
 *
 * This is the most generic template file in a WordPress theme
 * and one of the two required files for a theme (the other being style.css).
 * It is used to display a page when nothing more specific matches a query.
 * E.g., it puts together the home page when no home.php file exists.
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @package theme
 */

get_header();
?>

<section id="hero"><img id="hero-img" src="#"></section>

<section id="about">
    <h1>This is about section</h1>
    <p>Here comes some text about us</p>
    <button>We can eve use some call to action</button>
</section>

<section id="portfolio">
    <img class="portfolio-img" src="#">
    <img class="portfolio-img" src="#">
    <img class="portfolio-img" src="#">
    <img class="portfolio-img" src="#">
    <img class="portfolio-img" src="#">
    <img class="portfolio-img" src="#">
</section>

<section id="contact-us">
    <form>
        <input type="text" id="name">
        <input type="email" id="email">
        <textarea id="message"></textarea>
        <button>Send</button>
    </form>
</section>

<?php
    get_footer();
?>