JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Eine erste Seite</title>
<link rel="stylesheet" type="text/css" href="./vendor/skeleton/normalize.css"/>
<link rel="stylesheet" type="text/css" href="./vendor/skeleton/skeleton.css" />
<link rel="stylesheet" type="text/css" href="./css/styles.css" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/solid.css" integrity="sha384-v2Tw72dyUXeU3y4aM2Y0tBJQkGfplr39mxZqlTBDUZAb9BGoC40+rdFCG0m10lXk" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/fontawesome.css" integrity="sha384-q3jl8XQu1OpdLgGFvNRnPdj5VIlCvgsDQTQB6owSOHWlAurxul7f+JpUOVdAiJ5P" crossorigin="anonymous">
</head>
<body>
<header class="header">
<div class="container">
<div class="header-brand-wrapper">
<a class="header-brand" href="index.html">ESCAPE</a>
</div>
<nav class="header-navbar">
<ul class="header-navbar-links">
<li>Home</li>
<li>Services</li>
<li>Clients</li>
<li>Team</li>
<li>Contact</li>
</ul>
</nav>
</div>
<div class="container">
<div class="slogan">
<div class="slogan-top">
Können Sie uns im Bereich Werbetechnik unterstützen?
</div>
<div class="slogan-bottom">
Ja, genau das können wir!
</div>
<button class="slogan-button">
Mehr erfahren
</button>
</div>
</div>
<div class="dienstleistungen">
<div class="container">
<div class="row">
<div class="eight columns">
<h1 class="dienstleistungen-title"><strong>Werbe</strong>technik</h1>
<p>
Lorem Ipsum ist ein einfacher Demo-Text für die Print- und Schriftindustrie. Lorem Ipsum ist in der Industrie...