-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
There are no files selected for viewing
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,9 @@ | ||
{ | ||
"liveSassCompile.settings.formats": [ | ||
{ | ||
"format": "compressed", | ||
"extensionName": ".min.css", | ||
"savePath": "/src/public/css" | ||
} | ||
] | ||
} |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,32 @@ | ||
.column { | ||
gap: 3rem; | ||
display: flex; | ||
padding: 2rem 0; | ||
flex-direction: column; | ||
|
||
.section { | ||
display: flex; | ||
margin: 0 auto; | ||
|
||
&:not(:last-of-type) { | ||
border-bottom: 1px solid rgb(238, 238, 238); | ||
} | ||
|
||
&:nth-child(even) { | ||
flex-direction: row-reverse; | ||
} | ||
|
||
.photo-grid { | ||
display: grid; | ||
grid-template-columns: 1fr 1fr; | ||
|
||
img { | ||
background-color: rgb(211, 211, 211); | ||
} | ||
} | ||
|
||
.about-product { | ||
padding: 2rem; | ||
} | ||
} | ||
} |
This file was deleted.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,109 +1,28 @@ | ||
<link rel="stylesheet" href="/public/css/home.css" /> | ||
<div class="column"> | ||
<!-- <section class="section"></section> --> | ||
|
||
<section class="section"> | ||
<div class="uk-container-large"> | ||
<div class="photo-grid"> | ||
<img src="/public/img/product/a.webp" alt="" /> | ||
<img src="/public/img/product/b.webp" alt="" /> | ||
<img src="/public/img/product/c.webp" alt="" /> | ||
<img src="/public/img/product/d.webp" alt="" /> | ||
</div> | ||
<div class="about-product"> | ||
<h2 class="uk-text-bold">Lorem ipsum dolor sit amet.</h2> | ||
<p> | ||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente | ||
voluptates unde iure, molestiae maiores ipsam ipsa deserunt? | ||
Dignissimos, consectetur? Repudiandae perspiciatis sapiente adipisci | ||
magni? At. | ||
</p> | ||
|
||
<button class="uk-button uk-button-primary" data-aos="zoom-in"> | ||
Buy now | ||
</button> | ||
</div> | ||
</div> | ||
</section> | ||
|
||
<hr /> | ||
<!-- <section class="section"></section> --> | ||
<link rel="stylesheet" href="/public/css/home.min.css" /> | ||
|
||
<section class="section"> | ||
<div class="uk-container-large"> | ||
<div class="about-product"> | ||
<h2 class="uk-text-bold">Lorem ipsum dolor sit amet.</h2> | ||
<p> | ||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente | ||
voluptates unde iure, molestiae maiores ipsam ipsa deserunt? | ||
Dignissimos, consectetur? Repudiandae perspiciatis sapiente adipisci | ||
magni? At. | ||
</p> | ||
|
||
<button class="uk-button uk-button-primary" data-aos="zoom-in"> | ||
Buy now | ||
</button> | ||
</div> | ||
<div class="photo-grid"> | ||
<img src="/public/img/product/a.webp" alt="" /> | ||
<img src="/public/img/product/b.webp" alt="" /> | ||
<img src="/public/img/product/c.webp" alt="" /> | ||
<img src="/public/img/product/d.webp" alt="" /> | ||
</div> | ||
<div class="column"> | ||
{{ range .Products }} | ||
|
||
<section class="section uk-container-large"> | ||
<div class="photo-grid"> | ||
<img src="/public/img/product/a.webp" alt="" /> | ||
<img src="/public/img/product/b.webp" alt="" /> | ||
<img src="/public/img/product/c.webp" alt="" /> | ||
<img src="/public/img/product/d.webp" alt="" /> | ||
</div> | ||
</section> | ||
|
||
<!-- <section class="section"></section> --> | ||
<hr /> | ||
|
||
<section class="section"> | ||
<div class="uk-container-large"> | ||
<div class="photo-grid"> | ||
<img src="/public/img/product/a.webp" alt="" /> | ||
<img src="/public/img/product/b.webp" alt="" /> | ||
<img src="/public/img/product/c.webp" alt="" /> | ||
<img src="/public/img/product/d.webp" alt="" /> | ||
</div> | ||
<div class="about-product"> | ||
<h2 class="uk-text-bold">Lorem ipsum dolor sit amet.</h2> | ||
<p> | ||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente | ||
voluptates unde iure, molestiae maiores ipsam ipsa deserunt? | ||
Dignissimos, consectetur? Repudiandae perspiciatis sapiente adipisci | ||
magni? At. | ||
</p> | ||
|
||
<button class="uk-button uk-button-primary" data-aos="zoom-in"> | ||
Buy now | ||
</button> | ||
</div> | ||
<div class="about-product uk-width-100"> | ||
<h2 class="uk-text-bold">{{ .Name }}</h2> | ||
<p>{{ .Description }}</p> | ||
|
||
<a | ||
class="uk-button uk-button-primary" | ||
data-aos="zoom-in" | ||
href="/{{ Replace .Name }}/{{ .ID }}" | ||
> | ||
Buy now | ||
</a> | ||
</div> | ||
</section> | ||
|
||
<!-- <section class="section"></section> --> | ||
<hr /> | ||
|
||
<section class="section"> | ||
<div class="uk-container-large"> | ||
<div class="about-product"> | ||
<h2 class="uk-text-bold">Lorem ipsum dolor sit amet.</h2> | ||
<p> | ||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente | ||
voluptates unde iure, molestiae maiores ipsam ipsa deserunt? | ||
Dignissimos, consectetur? Repudiandae perspiciatis sapiente adipisci | ||
magni? At. | ||
</p> | ||
|
||
<button class="uk-button uk-button-primary" data-aos="zoom-in"> | ||
Buy now | ||
</button> | ||
</div> | ||
<div class="photo-grid"> | ||
<img src="/public/img/product/a.webp" alt="" /> | ||
<img src="/public/img/product/b.webp" alt="" /> | ||
<img src="/public/img/product/c.webp" alt="" /> | ||
<img src="/public/img/product/d.webp" alt="" /> | ||
</div> | ||
</div> | ||
</section> | ||
{{ end }} | ||
</div> |