Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@Maxenec
Maxenec authored May 29, 2024
1 parent 335cb54 commit ab2a968
Show file tree
Hide file tree
Showing 14 changed files with 30 additions and 36 deletions.
29 changes: 10 additions & 19 deletions css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -561,7 +561,7 @@ body {
}
#cs-navigation .cs-button-solid {
font-size: 1rem;
font-weight: 700;
font-weight: 900;
/* 46px - 56px */
line-height: clamp(2.875em, 5.5vw, 3.5em);
text-align: center;
Expand All @@ -582,8 +582,8 @@ body {
content: "";
width: 0%;
height: 100%;
background: #000;
opacity: 1;
background: #ffffff;
opacity: 0.5;
border-radius: 0.25rem;
position: absolute;
top: 0;
Expand Down Expand Up @@ -756,8 +756,8 @@ body {
}

#cta-1192 .cs-container {
width: 500%;
max-width: 135rem;
width: 110%;
max-width: 300rem;
margin: auto;
padding: var(--sectionPadding);
/* 96px - 120px */
Expand Down Expand Up @@ -788,15 +788,15 @@ body {
max-width: 17ch;
/* 28px - 40px */
margin: 0 0 clamp(1.75rem, 3vw, 2.5rem);
color: var(--bodyTextColor);
color: var(--headerColor);
}

#cta-1192 .cs-text {
/* 16px - 20px */
font-size: clamp(1rem, 2.95vw, 2.25rem);
line-height: 1.5em;
text-align: inherit;
width: 100%;
width: 60rem;
/* 464px - 622px */
max-width: clamp(33rem, 60vw, 58.785rem);
margin: 0 0 2.5rem 0;
Expand Down Expand Up @@ -854,15 +854,6 @@ body {
height: auto;
object-fit: contain;
}
#cta-1192 .cs-graphic {
width: 140vw;
height: auto;
position: absolute;
bottom: 10%;
left: 50%;
z-index: -1;
transform: translateX(-60%) rotate(-10deg);
}
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
Expand Down Expand Up @@ -926,7 +917,7 @@ body {
width: 10vw;
}
#cta-1192 .cs-container {
padding-left: 12rem;
padding-left: 10rem;
padding-right: 0;
}
#cta-1192 .cs-image {
Expand Down Expand Up @@ -1480,8 +1471,8 @@ body {
display: block;
height: 100%;
width: 0%;
background: #1a1a1a;
opacity: 1;
background: #ffffff;
opacity: 0.5;
top: 0;
left: 0;
z-index: -1;
Expand Down
Binary file added images/commercial-services.jpeg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/consumer-services.jpeg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/favicon/android-chrome-192x192.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/favicon/android-chrome-512x512.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/favicon/apple-touch-icon.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/favicon/favicon-16x16.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/favicon/favicon-32x32.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/favicon/favicon.ico
View file
Binary file not shown.
1 change: 1 addition & 0 deletions images/favicon/site.webmanifest
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
Binary file added images/plumber-customer.jpeg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/splash.jpeg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified images/van.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
36 changes: 19 additions & 17 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,12 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<title>Abstract Plumbing</title>
<meta name="robots" content="noindex,nofollow">
<link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
<link rel="manifest" href="images/favicon/site.webmanifest">
<link rel="stylesheet" href="css/style.css">
<script src="js/script.js"></script>
<script src="https://kit.fontawesome.com/7ce1cd1a2d.js" crossorigin="anonymous"></script>
Expand Down Expand Up @@ -105,9 +110,9 @@ <h1 class="cs-title">Brisbane Plumbers</h1>

<!-- Background Image -->
<picture class="cs-background">
<source media="(max-width: 600px)" srcset="images/splash.png">
<source media="(min-width: 601px)" srcset="images/splash.png">
<img decoding="async" src="images/splash.png" alt="mechanic" width="2250" height="1500" aria-hidden="true">
<source media="(max-width: 600px)" srcset="images/splash.jpeg">
<source media="(min-width: 601px)" srcset="images/splash.jpeg">
<img decoding="async" src="images/splash.jpeg" alt="mechanic" width="2250" height="1500" aria-hidden="true">
</picture>
</section>

Expand All @@ -131,9 +136,6 @@ <h2 class="cs-title">Emergency?</h2>
<img loading="lazy" decoding="async" src="images/van.png" alt="yellow car" width="779" height="482">
</picture>
</div>
<!--Tire Screech-->
<picture class="cs-graphic-wrapper">

</picture>
</section>

Expand All @@ -154,19 +156,19 @@ <h2 class="cs-title">Need our services?</h2>
<h3 class="cs-h3"><span class="cs-span">Consumer</span>Services</h3>
</a>
<picture class="cs-background">
<source media="(max-width: 600px)" srcset="images/consumer-services.png">
<source media="(min-width: 601px)" srcset="images/consumer-services.png">
<img decoding="async" src="images/consumer-services.png" alt="construction" width="305" height="305" aria-hidden="true">
<source media="(max-width: 600px)" srcset="images/consumer-services.jpeg">
<source media="(min-width: 601px)" srcset="images/consumer-services.jpeg">
<img decoding="async" src="images/consumer-services.jpeg" alt="construction" width="305" height="305" aria-hidden="true">
</picture>
</li>
<li class="cs-item">
<a href="" class="cs-link">
<h3 class="cs-h3"><span class="cs-span">Commercial</span>Services</h3>
</a>
<picture class="cs-background">
<source media="(max-width: 600px)" srcset="images/commercial-services.png">
<source media="(min-width: 601px)" srcset="images/commercial-services.png">
<img decoding="async" src="images/commercial-services.png" alt="construction" width="305" height="305" aria-hidden="true">
<source media="(max-width: 600px)" srcset="images/commercial-services.jpeg">
<source media="(min-width: 601px)" srcset="images/commercial-services.jpeg">
<img decoding="async" src="images/commercial-services.jpeg" alt="construction" width="305" height="305" aria-hidden="true">
</picture>
</li>
</ul>
Expand Down Expand Up @@ -258,10 +260,10 @@ <h2 class="cs-title">Make an appointment with us now</h2>
</ul>
<picture class="cs-background">
<!--Mobile Image-->
<source media="(max-width: 600px)" srcset="images/plumber-customer.png">
<source media="(max-width: 600px)" srcset="images/plumber-customer.jpeg">
<!--Tablet and above Image-->
<source media="(min-width: 601px)" srcset="images/plumber-customer.png">
<img loading="lazy" decoding="async" src="images/plumber-customer.png" alt="wind turbine" width="650" height="613">
<source media="(min-width: 601px)" srcset="images/plumber-customer.jpeg">
<img loading="lazy" decoding="async" src="images/plumber-customer.jpeg" alt="wind turbine" width="650" height="613">
</picture>
</div>
<!--Form-->
Expand Down Expand Up @@ -310,7 +312,7 @@ <h2 class="cs-title">Make an appointment with us now</h2>
</div>
<div class="cs-bottom">
<span class="cs-credit">
© Copyright 2024 <a href="" class="cs-credit-link" target="_blank">Stitch Gym</a>
© Copyright 2024 <a href="" class="cs-credit-link" target="_blank">Monash Student</a>
</span>
<div class="cs-bottom-links">
<a href="" class="cs-bottom-link">Terms & Conditions</a>
Expand Down

0 comments on commit ab2a968

Please sign in to comment.