JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>n1craft.pl</title>
        <link rel="stylesheet" href="main.css">
        <link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
    </head>
    <body>
    	<div class="container">
    		<div class="header clearfix">
				<nav>
					<ul class="nav nav-pills pull-right">
						<li class="active"><a href="#"><i class="fa fa-home" aria-hidden="true"></i> Strona główna</a></li>
						<li><a href="#"><i class="fa fa-ban" aria-hidden="true"></i> Bany</a></li>
						<li><a href="Why.php"><i class="fa fa-info" aria-hidden="true"></i> Dlaczego my?</a></li>
						<li><a href="kontakt.php"><i class="fa fa-commenting" aria-hidden="true"></i> Kontakt</a></li>
					</ul>
				</nav>
				<h3 class="text-muted" style="margin-top: 0px; color: #FFF; text-align: left;"><i class="fa fa-cubes" aria-hidden="true"></i> n1craft.pl</h3>
			</div>
			<div class="inner cover" style="margin-top:65px;">
					<div class="row partnerzy">
            	<h1 class="cover-heading"><i class="fa fa-cube" aria-hidden="true"></i> n1craft.maxc.pl</h1>
            	<p class="lead">Nasze serwey MineCraft są jedne z najszybciej rozwijających się serwerów MC w Polsce! Na naszych serwerach możesz znaleźć takie mody jak: Survival, więcej wkrótce! </p>
			</div>
        	<div class="row">
				<div class="col-lg-4">
									<div class="row partnerzy">
									<br>
					<img class="img-circle" src="./minecrafthead.jpg">
					<h2><i class="fa fa-diamond" aria-hidden="true"></i> Administracja</h2>
					<p>Nasza administracja odznacza się wiedzą oraz pomocnościa wrazie potrzeby! </p>
					<p><a class="btn btn-primary" href="kontakt.php" role="button">Zobacz więcej...

CSS

body {
	background: url('./background4.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: fixed;
	margin: 0 auto;
	text-shadow: 0px 0px 3px black;
	color: white !important;
}

.container {
	margin-top: 25px;
	text-align: center;
}

.container nav ul li a {
	color: #FFFFEF;
}

.active a {
	background-color: #162D0D !important;
}

.row {
	margin-top: 25px;
}

.row img {
	width: 160px;
}

.partnerzy {
	box-shadow: 0px 0px 20px 3px black;
	padding: 15px;
	padding-top: 0px;
	margin-top: 95px;
}

.partnerzy > .col-md-4 img{
	width: 100%;
	border-radius: 7px;
    box-shadow: 0px 0px 5px 2px black;
    padding: 1px;
}

@media (min-width: 1200px) {
	.container {
		width: 1000px !important;
	}
}
.calltoaction *{
    text-align: center;
}
.calltoaction {
    background: url(../images/cover.png);
	background-color: #222;
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
    -o-background-size: cover;
	background-size: cover;
	padding: 50px 0;
	color: #999;
}

.calltoaction h2 {
	font-size: 20px;
	letter-spacing: 1px;
	margin-bottom: 5px;
}

.calltoaction-decription{
    padding-top: 20px;
    padding-bottom: 30px;
    font-size: 20px;
    color: #fff;
}

.calltoaction-btn {
	text-align: center;
}

.calltoaction-btn > .btn {
    background: rgba(255, 255, 255, .8);
    color: #111;
	margin-top: 5px;
	margin-bottom: 5px;
}
.calltoaction-btn > .btn:hover{
    background: #fff;
}

.long-down {
	margin-bottom: 40px;
}

#formularz {
        width:300px; /* ustawiamy szerokoœć formularza */
        margin:0 auto; /* jeżeli nasz formularz ma ustawionš szerokoœć wyœrodkowujemy go */
        background-color:#fff; /* dodajemy kolor tła naszemu formularzowi */
        border:2px solid #ccc; /* dodajemy obramowanie o szerokoœci 2px */
        border-radius:10px; /* zaokršglamy tło naszego formularza */
		padding:20px; /* dodajemy margines wewnštrz naszego formularza */
       ...