JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title> Shopno </title>
	<link rel="stylesheet" href="shopno.css">
</head>
<body>
	<header class="header">
		<div class="container">
			<div class="intro">
				<img src="images\shopno.png" alt="logo">
				<div class="text-title">
				<h1 class="intro-title"> say hello to shopno! </h1>
				<h2 class="intro-subtitle"> Agency CORPORATE SHOPNO Theme </h2>
				<a href="#" class="button"> contact us </a>
				</div>
			</div>
		</div>
	</header>
<section class="content">
		<div class="about-us">
			fff
		</div>
</section>


</body>
</html>

CSS

body{
	margin: 0;
}
.container{
	width: 100%;
	max-width: 1170px;
	height: 100vh;
	max-height: 600px;
}
.header{
	background-color: #eff0f2;
	padding: 60px 245px 130px 150px;
	height: 100vh;
}
.intro{
	height: 100vh;
}
.text-title{
	width: 100%;
	max-width: 950px;
	text-align: center;
	margin-top: 20%;
	margin-bottom: 80%;
}
.intro-title{
	font-size: 40px;
	font-weight: 1000;
	text-transform: uppercase;
}
.intro-subtitle{
	text-transform: uppercase;
	font-weight: 300;
}
.button{
	text-decoration: none;
	display: inline-block;
	border: 1px solid #5f5f60;
	padding: 10px 40px;
	text-transform: uppercase;
	font-weight: 700;
	color: #5f5f60;
	margin-top: 50px;
}
.glass{
	margin: auto;
}
.about-us{
	background-color: #f8fafa;
	height: 100vh;
}