contact.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link rel="stylesheet" href="assets/css/reset.css">
    <link rel="stylesheet" href="assets/css/style.css">

    <title>About|Nikita Ezhov</title>

</head>

<body>
    <div class="container-fluid">

        <nav class="topMenu">
            <a class="navbar-brand topName" href="#">
                <h1>Nikita Ezhov</h1>
            </a>
            <ul class="nav justify-content-end rightMenu">
                <li class="nav-item">
                    <a class="nav-link active" href="index.html">About</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="portfolio.html">Portfolio</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="contact.html">Contact</a>
                </li>
            </ul>
        </nav>
        <div class="container-fluid outerSectionClass">
            <div class="row mainRowClass">
                <div class="col-2 col-sm-2">
                    <!-- palceHolder Div -->
                </div>
                <div class="col-8 col-sm-8 divAboutMe">
                    <div class="row aboutMeRow">
                        <div class="col-12 col-sm-6">
                            <h2>Contact</h2>
                        </div>
                        <div class="col-12 col-sm-6">
                            <!-- PlaceHolder div -->
                        </div>
                    </div>

                    <div class="row contactContainer">
                        <!--mainRowClass-->
                        <div class="col-12 col-sm-12">
                            <form>
                                <div class="form-group">
                                    <label for="Name">Name</label>
                                    <input type="text" class="form-control" placeholder="Enter name">
                                </div>
                                <div class="form-group">
                                    <label for="Email">Email</label>
                                    <input type="email" class="form-control" placeholder="abc@xyz.com">
                                </div>
                                <div class="form-group">
                                    <label for="Message">Messagae</label>
                                    <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
                                </div>
                                <button type="submit" class="btn btn-primary" id="btnSubmit">Submit</button>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="col-2 col-sm-2">
                    <!-- PlaceHolder Div -->
                </div>
            </div>
        </div>


        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12 text-center">
                    <footer class="clear">
                        copyright &copy;
                    </footer>
                </div>
            </div>

        </div>
    </div>

    </div>
</body>

</html>