Make Professional Website using HTML and CSS for Beginners

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;
}

Supported YouTube Video Here

Related Post :

• YouTube Thumbnail Maker
• FlowInCode Tools
• Random Password Generator