cssall
Data utworzenia: 2025-04-28 10:01:25
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: sans-serif;
font-size: 24px;
background-color: #222;
color: white;
}
nav {
display: flex;
width: 100%;
height: 60px;
background-color: rgb(0, 0, 0);
text-align: center;
justify-content: flex-end;
}
nav ul {
display: flex;
/* text-decoration: none; */
}
li {
margin: auto 20px;
list-style-type: none;
}
a {
text-decoration: none;
color: #ebebeb;
text-shadow: 1px 1px 0 black;
}
/* HEADER */
header {
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
width: 100%;
height: 700px;
background-image: url(background.jpg);
background-size: cover;
}
header h1 {
display: flex;
justify-content: center;
justify-items: center;
}
span {
text-transform: none;
color: gray;
margin-left: 20px;
}
h1 {
text-transform: uppercase;
}
section {
width: 80%;
margin: 30px auto;
height: 700px;
display: flex;
flex-wrap: wrap;
}
.image {
margin: 10px;
width: 30%;
height: 40%;
background-color: #fff;
display: flex;
align-items: end;
}
.image1 {
background-image: url(./image1.jpg);
background-position: center;
background-repeat: no-repeat;
}
.image2 {
background-image: url(./image2.jpg);
background-position: center;
background-repeat: no-repeat;
}
.image3 {
background-image: url(./image3.jpg);
background-position: center;
background-repeat: no-repeat;
}
.image4 {
background-position: center;
background-repeat: no-repeat;
background-image: url(./image4.jpg);
}
.image5 {
background-image: url(./image5.jpg);
background-position: center;
background-repeat: no-repeat;
}
.image6 {
background-image: url(./image6.jpg);
background-position: center;
background-repeat: no-repeat;
}
.image_text {
width: 100%;
height: 40px;
background-color: #0000007e;
padding: 10px;
}
.prawy {
position: absolute;
right: 20px;
top: 10px;
}
.lewy {
position: absolute;
left: 20px;
top: 10px;
}
.lewy span {
position: absolute;
left: 100px;
top: 10px;
}
.lewy i {
color: #ab9997;
}
.box2 {
display: flex;
/* justify-content: space-between; */
align-items: center;
padding: 15px;
width: 80%;
margin: 30px auto;
height: 700px;
}
.box2 h1 {
margin: 0;
}
.box2 p {
margin-right: 10%;
text-align: right;
}
.card {
height: 100%;
border: 2px solid wheat;
width: 20%;
margin: auto 20px;
}
.team .card-img {
height: 300px;
width: 100%;
object-fit: cover;
}
.team {
height: 500px;
}
.card-body {
text-align: center;
}
.card-body h5 {
text-shadow: 2px 2px 0 #000000;
text-transform: uppercase;
}
.card-body p {
font-size: 16px;
}
.form-container {
display: flex;
width: 100%;
height: 40vh;
justify-content: space-around;
}
.form {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
margin: 40px;
width: 50%;
height: 100%;
text-align: center;
padding: 10px;
padding-bottom: 70px;
border-radius: 5px;
border: 1px solid #99e7fb;
position: relative;
}
.form-text {
margin: 10px 20 px;
}
.form-input {
width: 40%;
height: 40px;
margin: 10px;
padding: 20px;
}
.form-button {
margin: 40px;
width: 40%;
height: 40px;
background-color: #99e7fb;
font-weight: bold;
border: 1px solid #000000;
border-radius: 5px;
position: absolute;
top: 70%;
}
Powrót