Update
This commit is contained in:
Max Hunt
parent
e3937ab793
commit
63defe0066
@ -14,12 +14,37 @@
|
|||||||
src: url(../fonts/opsl.ttf);
|
src: url(../fonts/opsl.ttf);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@font-face{
|
||||||
|
font-family: nunito;
|
||||||
|
src: url(../fonts/Nunito-Bold.ttf);
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
max-width: 900px;
|
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
font-family: os;
|
font-family: os;
|
||||||
|
max-width: 900px;
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
/*padding-bottom: 200px;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background-color: #D8D8D8;
|
||||||
|
text-align: center;
|
||||||
|
height: 200px;
|
||||||
|
font-family: osl;
|
||||||
|
font-size: 25px;
|
||||||
|
box-shadow: inset 0px 3px 10px #8A8A8A;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer a {
|
||||||
|
color: #737373;
|
||||||
}
|
}
|
||||||
|
|
||||||
::placeholder {
|
::placeholder {
|
||||||
@ -145,12 +170,72 @@ body {
|
|||||||
font-family: osl;
|
font-family: osl;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sbar p {
|
.sbar a {
|
||||||
position: relative;
|
position: relative;
|
||||||
float: left;
|
float: left;
|
||||||
color: #7F7F7F;
|
color: #7F7F7F;
|
||||||
font-family: osl;
|
font-family: osl;
|
||||||
font-size: 15px
|
font-size: 14px;
|
||||||
margin-left: 50px;
|
margin-left: 15px;
|
||||||
|
top: 15%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.space {
|
||||||
|
height: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.welcome img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.products p {
|
||||||
|
font-family: osl;
|
||||||
|
font-size: 25px;
|
||||||
|
color: #7C7C7C;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.product-container {
|
||||||
|
width: 160px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.product-container img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.product-container p {
|
||||||
|
font-family: nunito;
|
||||||
|
color: #CA5555;
|
||||||
|
font-size: 17px;
|
||||||
|
}
|
||||||
|
.r {float: right;}
|
||||||
|
.l {float: left;}
|
||||||
|
|
||||||
|
.links {
|
||||||
|
padding-top: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.links a {
|
||||||
|
margin: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.legal {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.legal a{
|
||||||
|
font-size: 19px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.link {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.location {
|
||||||
|
float: right;
|
||||||
|
margin-right: 10%;
|
||||||
|
margin-top: 5px;
|
||||||
|
font-size: 19px;
|
||||||
|
color: #737373;
|
||||||
}
|
}
|
||||||
BIN
views/fonts/Nunito-Bold.ttf
Normal file
BIN
views/fonts/Nunito-Bold.ttf
Normal file
Binary file not shown.
@ -12,6 +12,7 @@
|
|||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
<main>
|
||||||
<div class="page">
|
<div class="page">
|
||||||
<div class="navbar">
|
<div class="navbar">
|
||||||
<div class="logon-crumbs">
|
<div class="logon-crumbs">
|
||||||
@ -35,31 +36,77 @@
|
|||||||
<button id="sbutton">Go!</button>
|
<button id="sbutton">Go!</button>
|
||||||
<a href="#">Extras</a>
|
<a href="#">Extras</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="space"/>
|
<div class="space"></div>
|
||||||
<div class="sponsored">
|
<div class="welcome">
|
||||||
|
<img src="media/welcome.png">
|
||||||
</div>
|
</div>
|
||||||
<div class="space"/>
|
<div class="space"></div>
|
||||||
<div class="products">
|
<div class="products">
|
||||||
<p>Popular</p>
|
<p>Popular:</p>
|
||||||
<div class="product-container">
|
<div class="product-container">
|
||||||
<img src="" alt="img">
|
<img src="media/var.png" alt="img">
|
||||||
<p><%= "Item name"%></p>
|
<p class="l"><%= "Item name"%></p>
|
||||||
<p>£<%= "20.99"%></p>
|
<p class="r">£<%= "20.99"%></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="space"/>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
<footer>
|
|
||||||
<div class="links">
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="products">
|
||||||
|
<p>Personalised 1:</p>
|
||||||
|
<div class="product-container">
|
||||||
|
<img src="media/var.png" alt="img">
|
||||||
|
<p class="l"><%= "Item name"%></p>
|
||||||
|
<p class="r">£<%= "20.99"%></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="products">
|
||||||
|
<p>Personalised 2:</p>
|
||||||
|
<div class="product-container">
|
||||||
|
<img src="media/var.png" alt="img">
|
||||||
|
<p class="l"><%= "Item name"%></p>
|
||||||
|
<p class="r">£<%= "20.99"%></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="products">
|
||||||
|
<p>Personalised 3:</p>
|
||||||
|
<div class="product-container">
|
||||||
|
<img src="media/var.png" alt="img">
|
||||||
|
<p class="l"><%= "Item name"%></p>
|
||||||
|
<p class="r">£<%= "20.99"%></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="products">
|
||||||
|
<p>Recent:</p>
|
||||||
|
<div class="product-container">
|
||||||
|
<img src="media/var.png" alt="img">
|
||||||
|
<p class="l"><%= "Item name"%></p>
|
||||||
|
<p class="r">£<%= "20.99"%></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="space"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<div class="links">
|
||||||
|
<a href="#">Help</a>
|
||||||
|
<a href="#">Contact</a>
|
||||||
|
<a href="#">Legal</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="legal">
|
<div class="legal">
|
||||||
|
<a>© GG Sales 2019-2020. All Rights Reserved. </a>
|
||||||
|
<a class="link" href="#">User Agreement</a>
|
||||||
|
<a> ,</a>
|
||||||
|
<a class="link" href="#">Privacy</a>
|
||||||
|
<a> ,</a>
|
||||||
|
<a class="link" href="#">Cookies</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="location">
|
<div class="location">
|
||||||
|
GG Sales US 🇺🇸
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
BIN
views/media/var.png
Normal file
BIN
views/media/var.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
views/media/welcome.png
Normal file
BIN
views/media/welcome.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
Loading…
Reference in New Issue
Block a user