update style

LaimaLP · Feb 8, 2024 · bfe1a44 · bfe1a44
1 parent 6ccc0bd
commit bfe1a44
Show file tree

Hide file tree

Showing 2 changed files with 52 additions and 42 deletions.
diff --git a/index.html b/index.html
@@ -61,7 +61,7 @@
 			<a class="button" href="#">VISOS PASLAUGOS</a>
 		</div>
 	</header>
-	<div class="inline">
+	<div class="aboutUs-section">
 		<div class="left-section">
 			<img class="redCar" src="images/car2.jpg" alt="car">
 		</div>
@@ -157,7 +157,7 @@ <h3>Kodavimas, programavimas </h3> <br>
 
 	<section id="contacts" class="contacts-section">
 		<div class="contacts-container">
-			<span style="color:red; font-size:25px;">KONTAKTAI </span> <br>
+			<span style="color:red; font-size:25px;"><b>KONTAKTAI </b></span> <br>
 			<span style="font-size:40px"> <strong>Susisiekite nemokamai <br> konsultacijai </strong></span><br>
 			<span style="font-size:25px;color:grey">UAB LaimaAuto, Įmonės kodas: 305054576</span>
 			<br>
@@ -219,7 +219,7 @@ <h3>Kodavimas, programavimas </h3> <br>
 				<label class="choose" for="choice10"> Atvykimas remontuoti į vietą</label><br>
 				<label style="font-size:22px; font-weight: 700;" for="message>">Žinutė</label> <br>
 				<textarea id="message" name="message" rows="5" cols="70">
-				</textarea> <br>
+				</textarea> <br><br>
 				<button type="button" class="form-button">Pateikti užklausą</button>
 			</div>
 		</form>

diff --git a/styles.css b/styles.css
@@ -2,6 +2,7 @@
 
   scroll-behavior: smooth;
 }
+
 body * {
   margin: 0;
   padding: 0;
@@ -69,19 +70,20 @@ header {
 #menu a:not(:last-child):hover {
   color: black;
   background-color: aliceblue;
-border-radius: 10px;
+  border-radius: 10px;
   border: solid white 2px;
 }
 
 @media screen and (max-width: 600px) {
   .abouUsIconMoto {
     width: 100%;
   }
-  .redCar{
+
+  .redCar {
     max-height: 250px;
   }
 
-  .inline {
+  .aboutUs-section {
     width: 100%;
   }
 
@@ -117,6 +119,7 @@ border-radius: 10px;
 
 
 }
+
 .logo-container {
   width: 40%;
   display: flex;
@@ -126,14 +129,16 @@ border-radius: 10px;
 
 
 }
+
 .carlogoOnTitle {
-position: absolute;
-z-index: 1;
-top:1%;
-left:3%;
-opacity:0.8;
+  position: absolute;
+  z-index: 1;
+  top: 1%;
+  left: 3%;
+  opacity: 0.8;
 
 }
+
 .logomotoText {
   width: 200px;
   font-size: 60px;
@@ -164,14 +169,15 @@ opacity:0.8;
   color: rgb(3, 3, 3);
 }
 
-.inline {
+.aboutUs-section {
   display: flex;
+  flex-direction: row;
   justify-content: center;
+  gap: 50px;
   flex-wrap: wrap;
 }
 
 .left-section {
-  min-width: 50%;
   margin: auto;
   text-align: center;
 }
@@ -206,13 +212,13 @@ opacity:0.8;
   color: grey;
   font-size: 28px;
 }
-.company-values{
+
+.company-values {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
-  justify-content:center;
-  gap:100px
-
+  justify-content: center;
+  gap: 100px
 }
 
 .abouUsIconMoto {
@@ -252,13 +258,14 @@ h1 {
 
 .services {
   background-color: black;
-  align-items: center;
   padding: 15px 15px;
+ margin: auto;
 }
 
 .two {
-  margin-top: 30px;
-  margin-left: 8%;
+  /* margin-top: 30px; */
+  /* margin-left: 8%; */
+ text-align: center;
 }
 
 .diagnostic {
@@ -297,22 +304,22 @@ h1 {
   visibility: hidden;
 
 }
-.request:hover{
-  background-color: rgba(130, 151, 221, 0.726);
-
-
 
+.request:hover {
+  background-color: rgba(130, 151, 221, 0.726);
 }
-.laimaAuto{
+
+.laimaAuto {
   background-color: rgba(0, 60, 255, 0.726);
-  font-size:20px;
-  color:black;
-  padding:7px; 
+  font-size: 20px;
+  color: black;
+  padding: 7px;
   border-radius: 10px;
 }
 
-.three {
-  padding: 0px 15px;
+.three{
+ text-align: center;
+
 }
 
 .threePhoto {
@@ -354,6 +361,7 @@ h1 {
   display: flex;
   flex-direction: row;
   justify-content: center;
+  gap:150px;
   flex-wrap: wrap;
 }
 
@@ -379,7 +387,7 @@ h1 {
 
 .stickyMessenger {
   position: fixed;
-  bottom: 20px; 
+  bottom: 20px;
   right: 20px;
   background-color: #ffffff;
   padding: 10px;
@@ -478,21 +486,23 @@ input[type="checkbox"] {
   background-color: rgb(232, 235, 235);
 
 }
-.form-button{
-font-size: 15px;
-padding:7px 20px;
-border-radius: 10px;
-cursor: pointer;
-background-color: rgb(83, 82, 81);
-color: white;
-box-shadow: 2px 2px 5px black;
+
+.form-button {
+  font-size: 15px;
+  padding: 7px 20px;
+  border-radius: 10px;
+  cursor: pointer;
+  background-color: rgb(83, 82, 81);
+  color: white;
+  box-shadow: 2px 2px 5px black;
 }
 
-.form-button:hover{
+.form-button:hover {
   background-color: rgb(243, 240, 236);
-color: rgb(3, 3, 3);
-box-shadow: 2px 2px 5px black;
+  color: rgb(3, 3, 3);
+  box-shadow: 2px 2px 5px black;
 }
+
 .footer {
   text-align: center;
   padding: 30px;