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

Professional Website using HTML and CSS

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

Check other article on Flow In Code