Skip to content

Commit

Permalink
updated images in extension
Browse files Browse the repository at this point in the history
  • Loading branch information
@ktran010
ktran010 committed Mar 6, 2022
1 parent 9a89c4e commit 1865952
Show file tree
Hide file tree
Showing 9 changed files with 27 additions and 20 deletions.
15 changes: 8 additions & 7 deletions Extension.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -97,7 +97,7 @@

.u-section-2 .u-image-1 {
min-height: 412px;
background-image: url("images/istockphoto-1277127522-612x612.jpg");
background-image: url("images/netflix-short2-7.png");
background-position: 50% 50%;
}

Expand Down Expand Up @@ -506,33 +506,34 @@
margin-left: 0;
}
} .u-section-4 {
background-image: url("images/netflix-screen.png");
background-image: url("images/netflix-screen2.png");
background-position: 50% 50%;
}

.u-section-4 .u-sheet-1 {
min-height: 681px;
min-height: 698px;
}

@media (max-width: 1199px) {
.u-section-4 .u-sheet-1 {
min-height: 562px;
min-height: 576px;
}
}

@media (max-width: 991px) {
.u-section-4 .u-sheet-1 {
min-height: 430px;
min-height: 441px;
}
}

@media (max-width: 767px) {
.u-section-4 .u-sheet-1 {
min-height: 323px;
min-height: 331px;
}
}

@media (max-width: 575px) {
.u-section-4 .u-sheet-1 {
min-height: 203px;
min-height: 208px;
}
}
12 changes: 6 additions & 6 deletions Extension.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -89,7 +89,7 @@ <h1 class="u-align-center u-text u-text-default u-text-1">features</h1>
<h2 class="u-align-right u-text u-text-2">sleek and simple interface</h2>
</div>
</div>
<div class="u-align-left u-container-style u-image u-layout-cell u-size-20 u-size-20-md u-image-1" src="" data-image-width="612" data-image-height="306">
<div class="u-align-left u-container-style u-image u-image-contain u-layout-cell u-size-20 u-size-20-md u-image-1" src="" data-image-width="610" data-image-height="600">
<div class="u-container-layout u-valign-middle u-container-layout-2" src=""></div>
</div>
<div class="u-align-left u-container-style u-layout-cell u-right-cell u-size-20 u-size-20-md u-white u-layout-cell-3">
Expand Down Expand Up @@ -119,7 +119,7 @@ <h2 class="u-align-right u-text u-text-2">sleek and simple interface</h2>
<div class="u-tab-content">
<div class="u-align-left u-container-style u-tab-active u-tab-pane u-white" id="tab-0da5" role="tabpanel" aria-labelledby="link-tab-0da5">
<div class="u-container-layout u-container-layout-1">
<img alt="" class="u-expanded-width-xs u-image u-image-contain u-image-default u-image-1" data-image-width="441" data-image-height="359" src="images/netflix-short.png">
<img alt="" class="u-expanded-width-xs u-image u-image-contain u-image-default u-image-1" data-image-width="610" data-image-height="600" src="images/netflix-short2.png">
<h4 class="u-text u-text-1">Terms Made Easy</h4>
<ul class="u-spacing-31 u-text u-text-2">
<li>
Expand Down Expand Up @@ -156,7 +156,7 @@ <h4 class="u-text u-text-3">Read the Full Terms</h4>
<div class="u-align-left u-container-style u-tab-pane u-white u-tab-pane-3" id="tab-c9ec" role="tabpanel" aria-labelledby="link-tab-c9ec">
<div class="u-container-layout u-container-layout-3">
<h4 class="u-text u-text-5">Resources</h4>
<img alt="" class="u-expanded-width-xs u-image u-image-contain u-image-default u-image-3" data-image-width="699" data-image-height="412" src="images/resources.png">
<img alt="" class="u-expanded-width-xs u-image u-image-contain u-image-default u-image-3" data-image-width="595" data-image-height="558" src="images/resources2.png">
<ul class="u-spacing-31 u-text u-text-6">
<li>
<span style="font-size: 1.25rem;"> Links to additional information, includes both readings and videos</span>
Expand All @@ -175,18 +175,18 @@ <h4 class="u-text u-text-5">Resources</h4>
</div>
</div>
</section>
<section class="u-clearfix u-image u-section-4" id="sec-e93e" data-image-width="1600" data-image-height="878">
<section class="u-clearfix u-image u-image-contain u-section-4" id="sec-e93e" data-image-width="1920" data-image-height="1080">
<div class="u-clearfix u-sheet u-sheet-1"></div>
</section>




<footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-4299"><div class="u-clearfix u-sheet u-sheet-1">
<footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-4299"><div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
<p class="u-align-center u-small-text u-text u-text-variant u-text-1">
<span style="font-style: italic;"><i>&nbsp;</i>
<span style="font-style: normal;">Copyright 2022</span><i>
<a href="https://github.com/Oceanestars/Super-Knockout" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-active-custom-color-2 u-text-body-alt-color u-text-hover-custom-color-3 u-btn-1">TL-DR</a>&nbsp; &nbsp;</i>
<a href="https://github.com/Oceanestars/Super-Knockout" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-active-custom-color-2 u-text-body-alt-color u-text-hover-custom-color-3 u-btn-1">TL-DR</a>&nbsp; </i>
</span>|&nbsp; Made with <a href="https://nicepage.com/c/pricing-html-templates" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-active-custom-color-2 u-text-body-alt-color u-text-hover-custom-color-3 u-btn-2">Nicepage</a>
<br>
</p>
Expand Down
4 changes: 2 additions & 2 deletions Visuals.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,11 +62,11 @@



<footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-4299"><div class="u-clearfix u-sheet u-sheet-1">
<footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-4299"><div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
<p class="u-align-center u-small-text u-text u-text-variant u-text-1">
<span style="font-style: italic;"><i>&nbsp;</i>
<span style="font-style: normal;">Copyright 2022</span><i>
<a href="https://github.com/Oceanestars/Super-Knockout" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-active-custom-color-2 u-text-body-alt-color u-text-hover-custom-color-3 u-btn-1">TL-DR</a>&nbsp; &nbsp;</i>
<a href="https://github.com/Oceanestars/Super-Knockout" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-active-custom-color-2 u-text-body-alt-color u-text-hover-custom-color-3 u-btn-1">TL-DR</a>&nbsp; </i>
</span>|&nbsp; Made with <a href="https://nicepage.com/c/pricing-html-templates" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-active-custom-color-2 u-text-body-alt-color u-text-hover-custom-color-3 u-btn-2">Nicepage</a>
<br>
</p>
Expand Down
Binary file added images/netflix-screen2.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/netflix-short2-7.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/netflix-short2.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/resources2.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.
8 changes: 7 additions & 1 deletion index.css
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
.u-section-1 {
background-image: linear-gradient(0deg, rgba(0,0,0,0.55), rgba(0,0,0,0.55)), url("images/istockphoto-1277127522-612x612-8.jpg");
background-image: linear-gradient(0deg, rgba(0,0,0,0.55), rgba(0,0,0,0.55)), url("images/istockphoto-1277127522-612x612.jpg");
background-position: 50% 50%;
}

Expand Down Expand Up @@ -110,6 +110,12 @@
margin: 0 60px 0 32px;
}

.u-section-2 .u-btn-1 {
background-image: none;
text-decoration: underline !important;
padding: 0;
}

@media (max-width: 1199px) {
.u-section-2 .u-sheet-1 {
min-height: 710px;
Expand Down
8 changes: 4 additions & 4 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -83,13 +83,13 @@ <h2 class="u-align-center u-text u-text-1">overview</h2>
<div class="u-align-left u-container-style u-list-item u-repeater-item">
<div class="u-container-layout u-similar-container u-valign-top u-container-layout-2">
<p class="u-text u-text-2">
<span style="text-decoration: underline !important;">Be honest</span>: when was the last time you <span style="font-style: italic;">actually</span> read the terms and conditions of an app, website, extension, or product?&nbsp;
<span style="font-weight: 700;">Be honest</span>: when was the last time you <span style="font-style: italic;">actually</span> read the terms and conditions of an app, website, extension, or product?&nbsp;
</p>
</div>
</div>
<div class="u-align-left u-container-style u-list-item u-repeater-item">
<div class="u-container-layout u-similar-container u-valign-top u-container-layout-3">
<p class="u-text u-text-3">According to a 2017 Deloitte survey, 91% of consumers agreed to the terms and conditions of mobile app and service providers without reading them; this percentage increases to 97% for people aged 18-34.<br>
<p class="u-text u-text-3">According to a 2017 <a href="https://www2.deloitte.com/content/dam/Deloitte/us/Documents/technology-media-telecommunications/Global%20mobile%20consumer%20survey%20extended%20version.pdf" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-body-alt-color u-btn-1" target="_blank">Deloitte survey</a>, 91% of consumers agreed to the terms and conditions of mobile app and service providers without reading them; this percentage increases to 97% for people aged 18-34.<br>
</p>
</div>
</div>
Expand Down Expand Up @@ -161,11 +161,11 @@ <h3 class="u-text u-text-3">and how?</h3>



<footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-4299"><div class="u-clearfix u-sheet u-sheet-1">
<footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-4299"><div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
<p class="u-align-center u-small-text u-text u-text-variant u-text-1">
<span style="font-style: italic;"><i>&nbsp;</i>
<span style="font-style: normal;">Copyright 2022</span><i>
<a href="https://github.com/Oceanestars/Super-Knockout" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-active-custom-color-2 u-text-body-alt-color u-text-hover-custom-color-3 u-btn-1">TL-DR</a>&nbsp; &nbsp;</i>
<a href="https://github.com/Oceanestars/Super-Knockout" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-active-custom-color-2 u-text-body-alt-color u-text-hover-custom-color-3 u-btn-1">TL-DR</a>&nbsp; </i>
</span>|&nbsp; Made with <a href="https://nicepage.com/c/pricing-html-templates" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-active-custom-color-2 u-text-body-alt-color u-text-hover-custom-color-3 u-btn-2">Nicepage</a>
<br>
</p>
Expand Down

0 comments on commit 1865952

Please sign in to comment.