From a7d86f42c39513f6615164b8d555d19aa591576b Mon Sep 17 00:00:00 2001
From: Lorenzzzo-quintana <Lorenzo.quintana03@gmail.com>
Date: Tue, 25 Feb 2025 14:55:17 -0500
Subject: [PATCH] week-04
---
week-04/css/style.css | 4 ++--
week-04/index.html | 40 +++++++++++++++++++++++++++-------------
2 files changed, 29 insertions(+), 15 deletions(-)
diff --git a/week-04/css/style.css b/week-04/css/style.css
index f4d88d1..ead1638 100644
--- a/week-04/css/style.css
+++ b/week-04/css/style.css
@@ -86,7 +86,7 @@ textarea {
body {
background-color: #353535; /* Light grey background color */
- background-image: url('/DMD-3470/week-04/Assets/background.png'); /* Update the path to your image */
+ background-image: url('/DMD-3470/week-04/assets/background.png'); /* Update the path to your image */
background-size: cover;
background-position: center;
background-repeat: no-repeat;
@@ -126,7 +126,7 @@ body {
.social-media-text {
font-weight: 500;
font-size: 18px;
- color: #909090;
+ color: #212121;
}
.hr-custom {
diff --git a/week-04/index.html b/week-04/index.html
index 8c81c69..4ff4b08 100644
--- a/week-04/index.html
+++ b/week-04/index.html
@@ -48,9 +48,9 @@
<!-- Main Section -->
<section class="my-5">
<div class="row">
- <div class="col-md-7 border border-dark p-5 text-start">
- <div class="p-3">
- <img src="assets/Logo.png" alt="AXIT Logo" class="img-fluid mb-3" style="height: 50px;">
+ <div class="col-md-7 border border-dark text-start">
+ <div>
+ <img src="assets/logo.png" alt="AXIT Logo" class="img-fluid mb-3" style="height: 50px;">
<p class="mt-3 raleway-font">Modern Axure template <br> for beautiful prototypes</p>
<hr class="hr-custom">
<p class="lorem-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean
@@ -60,7 +60,7 @@
<div class="border border-white text-white px-4 py-2 d-inline-block">Download</div>
</div>
</div>
- <div class="col-md-5 border border-dark p-5 form-styling">form
+ <div class="col-md-5 border border-dark form-styling">form
<form>
<div class="mb-3">
<label for="name" class="form-label">Name</label>
@@ -79,29 +79,43 @@
</div>
</div>
</section>
-
- <!-- Social Media Section -->
- <section class="social-media-section container-fluid">
+ </div>
+ </main>
+
+ <!-- Social Media Section -->
+ <section class="social-media-section container-fluid" style="background-color: #f8f9fa;">
+ <div class="container">
<div class="row">
<!-- Left section with 30% width -->
- <div class="col-md-4 border border-dark p-5">
+ <div class="col-md-4">
<p class="social-media-text">Social media</p>
<p class="lorem-text-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean
euismod bibendum laoreet. Proin gravida dolor sit amet lacus</p>
</div>
<!-- Right section with 70% width -->
- <div class="col-md-8 border border-dark p-5">
- Right Section
+ <div class="col-md-8 d-flex align-items-center">
+ <img src="assets/Logo.png" alt="AXIT Logo" class="img-fluid" style="max-height: 50px;">
+ <img src="assets/Logo.png" alt="AXIT Logo" class="img-fluid" style="max-height: 50px;">
+ <img src="assets/Logo.png" alt="AXIT Logo" class="img-fluid" style="max-height: 50px;">
+ <img src="assets/Logo.png" alt="AXIT Logo" class="img-fluid" style="max-height: 50px;">
+ <img src="assets/Logo.png" alt="AXIT Logo" class="img-fluid" style="max-height: 50px;">
</div>
</div>
+ </div>
</section>
- </div>
- </main>
+
+
<!-- Footer -->
<footer class="container-fluid py-3 border border-dark text-center footer-custom">
- <div class="container border border-dark p-3">Footer</div>
+ <div class="container p-3">
+ <img src="assets/Logo.png" alt="AXIT Logo" class="img-fluid" style="max-height: 50px;">
+ <img src="assets/Logo.png" alt="AXIT Logo" class="img-fluid" style="max-height: 50px;">
+ <img src="assets/Logo.png" alt="AXIT Logo" class="img-fluid" style="max-height: 50px;">
+ <img src="assets/Logo.png" alt="AXIT Logo" class="img-fluid" style="max-height: 50px;">
+ <img src="assets/Logo.png" alt="AXIT Logo" class="img-fluid" style="max-height: 50px;">
+ </div>
</footer>
</body>