JSFiddle - React, Tailwind, and code Playground
by Abhishek27Sharma
HTML
<html>
<head>
<title>HTML</title>
</head>
<body>
<div class="bodycontainer">
<header>
<div class="logocontainer">
<a href="#"
><img
src="https://www.freepnglogos.com/uploads/company-logo-png/company-logo-telestream-press-kit-12.png"
alt="Logo"
width="200px"
height="300px"
/></a>
</div>
<div class="navcontainer">
<ul>
<a href="#"><li>Home</li></a>
<a href="#"><li>About us</li></a>
<a href="#"><li>Contact us</li></a>
</ul>
</div>
</header>
<section class="content">
<div class="banner">
<img
src="https://initialcommit.com/img/initialcommit/frontend-development-skills.jpg"
alt=""
width="800px"
height="500px"
/>
</div>
<div class="text">
<h2>Software Developer</h2>
<p>
The difference between Front-End and Back-End is that Front-End
refers to how a web page looks, while back-end refers to how it
works. You can think of Front-End as client-side and Back-End as
server-side.
</p>
</div>
<div class="holder">
<table>
<tr>
<th>Language</th>
<th>Founded by</th>
<th>Founded year</th>
</tr>
<tr>
<td>HTML</td>
<td>Tim Berners-Lee</td>
<td>1993</td>
</tr>
<tr>
<td>CSS</td>
<td>HÃ¥kon Wium Lie</td>
<td>1994</td>
</tr>
<tr>
<td>JavaScript</td>
<td>Brendan Eich</td>
<td>1995</td>
</tr>
<tr>
<td>NodeJS</td>
<td>Ryan Dahl</td>
<td>2009</td>
</tr>
...
CSS
.bodycontainer{
background-color: #7FFFD4;
}