Skip to content

Commit

Permalink
week-04
Browse files Browse the repository at this point in the history
  • Loading branch information
Lorenzzzo-quintana authored and Lorenzzzo-quintana committed Feb 25, 2025
1 parent d03dc58 commit a7d86f4
Show file tree
Hide file tree
Showing 2 changed files with 29 additions and 15 deletions.
4 changes: 2 additions & 2 deletions week-04/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down Expand Up @@ -126,7 +126,7 @@ body {
.social-media-text {
font-weight: 500;
font-size: 18px;
color: #909090;
color: #212121;
}

.hr-custom {
Expand Down
40 changes: 27 additions & 13 deletions week-04/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand All @@ -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>
Expand All @@ -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>
Expand Down

0 comments on commit a7d86f4

Please sign in to comment.