Skip to content

Commit

Permalink
fix
Browse files Browse the repository at this point in the history
  • Loading branch information
@luongdev1
luongdev1 committed Jul 19, 2024
1 parent b19686a commit cc1aeba
Show file tree
Hide file tree
Showing 5 changed files with 65 additions and 58 deletions.
46 changes: 24 additions & 22 deletions nicons/blog-detail.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -141,24 +141,24 @@ <h1 class="title-main">Blog Detail</h1>
<!-- /.page-title -->
</div>
<!-- /.header-boxed -->
<section class="blog-detail">
<section class="main-content blog-detail">
<div class="blog-detail__container container">
<div class="row">
<div class="col-12 col-lg-8">
<div class="col-12 col-lg-8 area-1">
<article class="side-blog">
<img src="images/blog/v1.jpg" alt="img" />
<img src="images/blog/v1-2.jpg" alt="img" />
<div class="meta">
<ul>
<li>
<span class="icon-person"></span>
<a href="#">Mehedii .Ha</a>
<span class="icon-calendar"></span>
<a href="#">02 Apr 2021</a>
</li>
<li>
<span class="icon-bubbles2"></span>
<a href="#">Coments (03)</a>
</li>
<li>
<span class="icon-calendar"></span>
<span class="icon-watch_later"></span>
<a href="#">3 min Read</a>
</li>
</ul>
Expand Down Expand Up @@ -193,8 +193,8 @@ <h2 class="title">The whimsically named Egg Canvas brainchild</h2>
<blockquote class="blockquote">
<p>
Your time is limited, so don’t waste it living someone
else’s life. Don’t be trapped by dogma – which is living
with the results
else’s life. <br />
Don’t be trapped by dogma – which is living with the results
</p>
<h5 class="quote-title">John Mehedii</h5>
<span class="icon-icon-group"></span>
Expand All @@ -207,7 +207,7 @@ <h3 class="title">Let our investment management team</h3>
<div class="row">
<div class="col-12 col-lg-7">
<ul>
<li>
<li class="active">
<span class="icon-check"></span>
<span
>Lorem Ipsum generators on the tend to repeat.</span
Expand Down Expand Up @@ -413,7 +413,7 @@ <h3 class="title">Leave a Reply</h3>
<!-- /.side-blog -->
</div>
<!-- /.col-8 -->
<div class="col-12 col-lg-4">
<div class="col-12 col-lg-4 area-2">
<aside class="sidebar-right">
<div class="sidebar-widget">
<div class="search-widget">
Expand All @@ -435,7 +435,7 @@ <h3 class="heading">News & Blogs</h3>
<a href="blog-detail.html">
<img src="images/blog/recent.jpg" alt="img" />
</a>
<div class="main-content">
<div class="infor">
<div class="date">
<span class="icon-calendar"></span>
<p>Jan 23,2022</p>
Expand All @@ -451,7 +451,7 @@ <h4>
<a href="blog-detail.html">
<img src="images/blog/recent.jpg" alt="img" />
</a>
<div class="main-content">
<div class="infor">
<div class="date">
<span class="icon-calendar"></span>
<p>Jan 23,2022</p>
Expand All @@ -467,7 +467,7 @@ <h4>
<a href="blog-detail.html">
<img src="images/blog/recent.jpg" alt="img" />
</a>
<div class="main-content">
<div class="infor">
<div class="date">
<span class="icon-calendar"></span>
<p>Jan 23,2022</p>
Expand Down Expand Up @@ -552,9 +552,9 @@ <h3 class="heading">Populer Tags</h3>
</div>
<!-- /.row -->
</div>
<!-- /.blog-list__container -->
<!-- /.blog-detail__container -->
</section>
<!-- /.blog-list -->
<!-- /.main-content blog-detail -->
<footer class="footer">
<div class="footer-carousel">
<div class="footer-carousel__container">
Expand Down Expand Up @@ -596,13 +596,13 @@ <h2>CONSTRUCTION</h2>
</div>
<!-- /.footer-carousel -->
<div class="footer-widgets">
<div class="container">
<div class="footer-container">
<div class="row">
<div class="col-12 col-md-6 col-lg-3 area-1">
<img src="./images/logo.png" alt="logo" />
<p>
We have successfully completed projects in numerous states
across the continental United States.
We Have Successfully Completed Projects In Numerous States
Across The Continental United States.
</p>
<ul class="widget-social">
<li>
Expand Down Expand Up @@ -637,8 +637,10 @@ <h3 class="widget-title">ABOUT US</h3>
</li>
<li>
<span class="icon-envelope"></span>
<a href="#">[email protected] </a>
<a href="#">www.niconsconsruction.com </a>
<div class="widget-contect__links">
<a href="#">[email protected] </a>
<a href="#">www.niconsconsruction.com </a>
</div>
</li>
<li>
<span class="icon-local"></span>
Expand All @@ -648,7 +650,7 @@ <h3 class="widget-title">ABOUT US</h3>
<!-- /.widget-contact -->
</div>
<!-- /.col-3 -->
<div class="col-12 col-md-6 col-lg-3 area-3">
<div class="col-12 col-md-6 col-lg-2 area-3">
<h3 class="widget-title">QUICK LINKS</h3>
<ul class="widget-menu">
<li>
Expand All @@ -666,7 +668,7 @@ <h3 class="widget-title">QUICK LINKS</h3>
</ul>
</div>
<!-- /.col-3 -->
<div class="col-12 col-md-6 col-lg-3 area-4">
<div class="col-12 col-md-6 col-lg-4 area-4">
<h3 class="widget-title">NEWSLETTER</h3>
<form class="" action="#">
<div class="widget-form__input">
Expand Down
16 changes: 8 additions & 8 deletions nicons/blog-grid.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -141,10 +141,10 @@ <h1 class="title-main">Blog Grid</h1>
<!-- /.page-title -->
</div>
<!-- /.header-boxed -->
<section class="blog-grid">
<section class="main-content blog-grid">
<div class="blog-grid__container container">
<div class="row">
<div class="col col-md-6 col-lg-4">
<div class="col-12 col-md-6 col-lg-4">
<article class="blog-post">
<div class="blog-post__img">
<img src="./images/blog/v2.jpg" alt="blogimg" />
Expand Down Expand Up @@ -174,7 +174,7 @@ <h3 class="title-main">
</article>
</div>
<!-- /.col-4 -->
<div class="col col-md-6 col-lg-4">
<div class="col-12 col-md-6 col-lg-4">
<article class="blog-post">
<div class="blog-post__img">
<img src="./images/blog/v2-1.jpg" alt="blogimg" />
Expand Down Expand Up @@ -205,7 +205,7 @@ <h3 class="title-main">
</article>
</div>
<!-- /.col-4 -->
<div class="col col-md-6 col-lg-4">
<div class="col-12 col-md-6 col-lg-4">
<article class="blog-post">
<div class="blog-post__img">
<img src="./images/blog/v2-2.jpg" alt="blogimg" />
Expand Down Expand Up @@ -236,7 +236,7 @@ <h3 class="title-main">
</article>
</div>
<!-- /.col-4 -->
<div class="col col-md-6 col-lg-4">
<div class="col-12 col-md-6 col-lg-4">
<article class="blog-post">
<div class="blog-post__img">
<img src="./images/blog/v2.jpg" alt="blogimg" />
Expand Down Expand Up @@ -266,7 +266,7 @@ <h3 class="title-main">
</article>
</div>
<!-- /.col-4 -->
<div class="col col-md-6 col-lg-4">
<div class="col-12 col-md-6 col-lg-4">
<article class="blog-post">
<div class="blog-post__img">
<img src="./images/blog/v2-1.jpg" alt="blogimg" />
Expand Down Expand Up @@ -297,7 +297,7 @@ <h3 class="title-main">
</article>
</div>
<!-- /.col-4 -->
<div class="col col-md-6 col-lg-4">
<div class="col-12 col-md-6 col-lg-4">
<article class="blog-post">
<div class="blog-post__img">
<img src="./images/blog/v2-2.jpg" alt="blogimg" />
Expand Down Expand Up @@ -354,7 +354,7 @@ <h3 class="title-main">
</div>
<!-- /.widget-pagination -->
</section>
<!-- /.blog-grid -->
<!-- /.main-content blog-grid -->
<footer class="footer">
<div class="footer-carousel">
<div class="footer-carousel__container">
Expand Down
10 changes: 5 additions & 5 deletions nicons/blog-list.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -141,7 +141,7 @@ <h1 class="title-main">Blog List</h1>
<!-- /.page-title -->
</div>
<!-- /.header-boxed -->
<section class="blog-list">
<section class="main-content blog-list">
<div class="blog-list__container container">
<div class="row">
<div class="col-12 col-lg-8">
Expand Down Expand Up @@ -322,7 +322,7 @@ <h3 class="heading">News & Blogs</h3>
<a href="blog-detail.html">
<img src="images/blog/recent.jpg" alt="img" />
</a>
<div class="main-content">
<div class="infor">
<div class="date">
<span class="icon-calendar"></span>
<p>Jan 23,2022</p>
Expand All @@ -338,7 +338,7 @@ <h4>
<a href="blog-detail.html">
<img src="images/blog/recent.jpg" alt="img" />
</a>
<div class="main-content">
<div class="infor">
<div class="date">
<span class="icon-calendar"></span>
<p>Jan 23,2022</p>
Expand All @@ -354,7 +354,7 @@ <h4>
<a href="blog-detail.html">
<img src="images/blog/recent.jpg" alt="img" />
</a>
<div class="main-content">
<div class="infor">
<div class="date">
<span class="icon-calendar"></span>
<p>Jan 23,2022</p>
Expand Down Expand Up @@ -441,7 +441,7 @@ <h3 class="heading">Populer Tags</h3>
</div>
<!-- /.blog-list__container -->
</section>
<!-- /.blog-list -->
<!-- /.main-content blog-list -->
<footer class="footer">
<div class="footer-carousel">
<div class="footer-carousel__container">
Expand Down
Binary file added nicons/images/blog/v1-2.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
51 changes: 28 additions & 23 deletions nicons/stylesheets/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -734,11 +734,11 @@ input[type="color"],
color: var(--color-white);
font-size: 9px;
}
/*Blog grid
-------------------------------------------------------*/
.blog-grid {
.main-content {
padding: 135px 0;
}
/*Blog grid
-------------------------------------------------------*/
.blog-grid__container {
padding-left: 20px;
padding-right: 2px;
Expand Down Expand Up @@ -876,9 +876,6 @@ input[type="color"],
}
/*Blog grid
-------------------------------------------------------*/
.blog-list {
padding: 135px 0;
}
.blog-list .blog-list__container > .row > div {
padding-left: 15px;
padding-right: 15px;
Expand Down Expand Up @@ -985,10 +982,7 @@ input[type="color"],
background-color: var(--color-primary);
z-index: 1;
}
.sidebar-right {
}
.sidebar-right .sidebar-widget {
}

.sidebar-right .sidebar-widget .heading {
font-size: 22px;
font-weight: 700;
Expand Down Expand Up @@ -1099,14 +1093,20 @@ input[type="color"],
}
/* Blog Details
------------------------------------------------------ */
.blog-detail {
padding: 135px 0;
.blog-detail .area-1 {
padding-right: 0px;
}
.blog-detail .area-2 {
padding-left: 55px;
}
.blog-detail__container .side-blog {
padding-left: 14px;
}
.blog-detail__container .side-blog > img {
margin-bottom: 29px;
}
.blog-detail__container .meta {
margin-bottom: 20px;
margin-bottom: 25px;
}
.blog-detail__container .meta ul,
.blog-detail__container .meta ul li {
Expand All @@ -1115,10 +1115,10 @@ input[type="color"],
}
.blog-detail__container .meta ul li:not(:last-child):after {
content: "";
height: 2px;
height: 1px;
width: 10px;
background-color: var(--color-text-gray-2);
margin: 0 25px;
margin: 0 12px;
}
.blog-detail__container .meta ul span {
color: var(--color-primary);
Expand All @@ -1134,26 +1134,28 @@ input[type="color"],
margin-bottom: 23px;
color: var(--color-heading);
}
.blog-detail__container .side-blog .content {
.blog-detail__container .side-blog > .content {
font-size: 18px;
font-weight: 400;
line-height: 32px;
color: var(--color-text-gray-2);
margin-bottom: 40px;
margin-bottom: 33px;
}

.blog-detail__container .blockquote-blog {
background-image: url(../images/blog/quote.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 38px 35px;
position: relative;
margin-bottom: 40px;
margin-top: 50px;
}
.blog-detail__container .blockquote-blog .blockquote {
padding-bottom: 10px;
padding: 39px 35px;
}
.blog-detail__container .blockquote-blog .blockquote p {
font-family: "Play", sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 43px;
Expand All @@ -1180,6 +1182,8 @@ input[type="color"],
font-weight: 700;
line-height: 56px;
color: var(--color-heading);
margin-bottom: 40px;

}
.blog-detail__container .ux-content img {
width: 100%;
Expand Down Expand Up @@ -1585,10 +1589,9 @@ input[type="color"],
color: var(--color-primary);
}
.footer-copyright .widget-links {
display: flex;
justify-content: end;
align-items: center;
text-align: end;
padding-right: 18px;
line-height: 16px;
}
.footer-copyright .widget-links li {
display: inline-flex;
Expand All @@ -1605,5 +1608,7 @@ input[type="color"],
width: 7px;
height: 7px;
border-radius: 50%;
margin: 0 24px;
margin-left: 24px;
margin-right: 20px;
margin-bottom: 2px;
}

0 comments on commit cc1aeba

Please sign in to comment.