Skip to content

Commit

Permalink
Complete homepage except icons
Browse files Browse the repository at this point in the history
  • Loading branch information
@gideontong
gideontong committed Nov 18, 2024
1 parent feafd25 commit df89b2b
Show file tree
Hide file tree
Showing 4 changed files with 31 additions and 73 deletions.
37 changes: 5 additions & 32 deletions assets/css/styles.css
View file
Original file line number Diff line number Diff line change
@@ -1,37 +1,5 @@
/*
TemplateMo 577 Liberty Market
https://templatemo.com/tm-577-liberty-market
*/

/* ---------------------------------------------
Table of contents
------------------------------------------------
01. font & reset css
02. reset
03. global styles
04. header
05. banner
06. features
07. testimonials
08. contact
09. footer
--------------------------------------------- */
/*
---------------------------------------------
font & reset css
---------------------------------------------
*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:100,200,300,400,500,600,700,800,900");

/*
---------------------------------------------
reset
---------------------------------------------
*/
html,
body,
div,
Expand Down Expand Up @@ -96,6 +64,11 @@ figcaption {
outline: 0;
}

.rounded-corners {
border-radius: 8px;
filter: drop-shadow(5px 5px 2px);
}

.clearfix:after {
content: ".";
display: block;
Expand Down
Binary file added assets/images/geisel.webp
View file
Binary file not shown.
Binary file added assets/images/maryland.webp
View file
Binary file not shown.
67 changes: 26 additions & 41 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -98,13 +98,8 @@ <h2>Effective solutions for your next idea.</h2>
</div>
</div>
<div class="col-lg-5 offset-lg-1">
<div class="owl-banner owl-carousel">
<div class="item">
<img src="assets/images/banner-01.png" alt="">
</div>
<div class="item">
<img src="assets/images/banner-02.png" alt="">
</div>
<div class="item">
<img src="/assets/images/hunting-chamber.webp" class="rounded-corners">
</div>
</div>
</div>
Expand Down Expand Up @@ -176,13 +171,13 @@ <h4>Financial Analysis</h4>
<div class="col-lg-12">
<div class="section-heading">
<div class="line-dec"></div>
<h2>Explore our <em>recent works</em>.</h2>
<h2>Explore our <em>recent projects</em>.</h2>
</div>
</div>
<div class="col-lg-12">
<div class="owl-collection owl-carousel">
<div class="item">
<img src="/assets/images/hunting-chamber.webp" alt="">
<img src="/assets/images/hunting-chamber.webp" alt="Screenshot of an apartment analysis software">
<div class="down-content">
<h4>Hunting Chamber</h4>
<p>Apartment Analysis Software</p>
Expand All @@ -192,32 +187,24 @@ <h4>Hunting Chamber</h4>
</div>
</div>
<div class="item">
<img src="/assets/images/analyzer-my.webp" alt="">
<img src="/assets/images/analyzer-my.webp" alt="Screenshot of a chemistry analysis software">
<div class="down-content">
<h4>Analyzer-my</h4>
<p>Portable Pocket Chemist</p>
</div>
</div>
<div class="item">
<img src="assets/images/collection-01.jpg" alt="">
<img src="/assets/images/maryland.webp" alt="A glass building">
<div class="down-content">
<h4>Genesis Collective Statue</h4>
<span class="collection">Items In Collection:<br><strong>380/394</strong></span>
<span class="category">Category:<br><strong>Music Art</strong></span>
<div class="main-button">
<a href="explore.html">Explore Genesis</a>
</div>
<h4>Content Guide</h4>
<p>Onsite Location Filming Consultation</p>
</div>
</div>
<div class="item">
<img src="assets/images/collection-01.jpg" alt="">
<img src="/assets/images/geisel.webp" alt="Geisel Library">
<div class="down-content">
<h4>Worldwide Artwork Ground</h4>
<span class="collection">Items In Collection:<br><strong>426/468</strong></span>
<span class="category">Category:<br><strong>Blockchain</strong></span>
<div class="main-button">
<a href="explore.html">Explore Worldwide</a>
</div>
<h4>Pindrop</h4>
<p>Location Guessing Game</p>
</div>
</div>
</div>
Expand Down Expand Up @@ -245,40 +232,38 @@ <h2>Get a free consultation from us today.</h2>
</div>
<div class="col-lg-4">
<div class="item first-item">
<div class="number">
<h6>1</h6>
</div>
<div class="icon">
<img src="assets/images/icon-02.png" alt="">
</div>
<h4>Set Up Your Wallet</h4>
<p>NFT means Non-Fungible Token that are used in digital cryptocurrency markets. There are many different
kinds of NFTs in the industry.</p>
<h4>No referral? No problem.</h4>
<p>
While most of our clients are referral, we do still accept new clients
every day. Please get in touch with us for more details.
</p>
</div>
</div>
<div class="col-lg-4">
<div class="item second-item">
<div class="number">
<h6>2</h6>
</div>
<div class="icon">
<img src="assets/images/icon-04.png" alt="">
</div>
<h4>Add Your Digital NFT</h4>
<p>There are 5 different HTML pages included in this NFT <a href="https://templatemo.com/page/1"
target="_blank" rel="nofollow">website template</a>. You can edit or modify any section on any page as
you required.</p>
<h4>Quiet Part, Out Loud</h4>
<p>
We'll help you get kickstarted with our clear and concise docs, so
that you know exactly what to expect from us.
</p>
</div>
</div>
<div class="col-lg-4">
<div class="item">
<div class="icon">
<img src="assets/images/icon-06.png" alt="">
</div>
<h4>Sell Your NFT &amp; Make Profit</h4>
<p>If you would like to support our TemplateMo website, please visit <a rel="nofollow"
href="https://templatemo.com/contact" target="_parent">our contact page</a> to make a PayPal
contribution. Thank you.</p>
<h4>Gains, Everywhere</h4>
<p>
We help you reach your goals, no matter what they are, from short term
to long term ambitions, from profits to philanthropy.
</p>
</div>
</div>
</div>
Expand Down

0 comments on commit df89b2b

Please sign in to comment.