Make Professional Website using HTML and CSS for Beginners

Surendra July 24, 2021 1

Hello Everyone Welcome to Flow In Code.

In this is posted you will get a Professional Website Source Code.

I made this Professional Website Using HTML and CSS for Beginners, you can show this project while you learning HTML & CSS.

Here is how the website looks like

Let's get your code below but any problem then checks out the Video on how we use code.

HTML CODE

 HTML Code doesn't show here beacuse code are showing in post formate, so i provide download link below you can download from here

Download

CSS CODE

* {
    box-sizing: border-box;
}

body {
    margin: 0px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

header h1 {
    text-align: center;
    font-size: 40px;
    color: white;
}

header {
    padding: 40px;
    background-color: rgb(17, 124, 143);
}

nav {
    background-color: #333;
    overflow: hidden;
}

nav a {
    text-decoration: none;
    padding: 20px;
    text-align: center;
    float: left;
    color: white;
}

main {
    background-color: white;
    text-align: center;
}

h2 {
    padding: 20px;
}

section:nth-child(even) {
    background-color: rgb(241, 241, 241);
}

section {
    min-height: 100vh;
}

video {
    padding: 10px;
}

iframe {
    height: 75vh;
}

img {
    padding: 10px;
}

section h5 {
    margin: 40px;
}

footer {
    background-color: #333;
    overflow: hidden;
}

footer a {
    text-decoration: none;
    padding: 20px;
    text-align: center;
    float: left;
    color: white;
}