Skip to content

Commit

Permalink
minor tweek
Browse files Browse the repository at this point in the history
  • Loading branch information
MOHIT_MALHOTRA authored and MOHIT_MALHOTRA committed Mar 23, 2018
1 parent b88f3cc commit 7938b49
Show file tree
Hide file tree
Showing 7 changed files with 22 additions and 89 deletions.
12 changes: 11 additions & 1 deletion css/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -1816,7 +1816,7 @@ textarea {
display: block; }
.carousel-swiper-beta .slider-container .legend {
position: absolute;
z-index: 1;
z-index: 1000;
opacity: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
Expand Down Expand Up @@ -4657,3 +4657,13 @@ h2.display-4.display-title.home-title.bordered.anim-1 {
display: none;
}
}

.illustr::after {
content: "";
width: 100%;
height: 100%;
background: rgba(121, 0, 72, 0.49);
position: absolute;
z-index: 100;
top: 0;
}
Binary file added img/dev-galleria.png
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 img/dev-ims.png
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 img/dev-kingkongclub.png
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 img/dev-kk.png
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 img/dev-quizomania.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
99 changes: 11 additions & 88 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -573,7 +573,7 @@ <h5 class="title-bg ">Projects</h5>
<li class="slide-item swiper-slide">
<div class="item-wrapper">
<div class="illustr">
<img src="img/items/img-sample2-small.jpg" alt="Image" class="img">
<img src="img/dev-kingkongclub.png" alt="Image" class="img">
</div>
<a class="legend" href="item.html#project_url">
<h3 class="display-3">King kong club</h3>
Expand All @@ -585,35 +585,35 @@ <h4>Fitness club's website</h4>
<li class="slide-item swiper-slide">
<div class="item-wrapper">
<div class="illustr">
<img src="img/items/img-sample3-small.jpg" alt="Image" class="img">
<img src="img/dev-kk.png" alt="Image" class="img">
</div>
<a class="legend" href="item.html#project_url">
<h3 class="display-3">InstiSoft</h3>
<h4>Advanced IMS</h4>
<h3 class="display-3">Kitabikidda</h3>
<h4>E-commerce</h4>
</a>
</div>
</li>
<!-- item -->
<li class="slide-item swiper-slide">
<div class="item-wrapper">
<div class="illustr">
<img src="img/items/img-sample4-small.jpg" alt="Image" class="img">
<img src="img/dev-galleria.png" alt="Image" class="img">
</div>
<a class="legend" href="item.html#project_url">
<h3 class="display-3">WeSafe</h3>
<h4>Advanced women safety app</h4>
<h3 class="display-3">Galleria</h3>
<h4>Smart android galleria</h4>
</a>
</div>
</li>
<!-- item -->
<li class="slide-item swiper-slide">
<div class="item-wrapper">
<div class="illustr">
<img src="img/items/img-sample5-small.jpg" alt="Image" class="img">
<img src="img/dev-quizomania.png" alt="Image" class="img">
</div>
<a class="legend" href="item.html#project_url">
<h3 class="display-3">Galleria</h3>
<h4>Smart android gallery</h4>
<h3 class="display-3">Quizomania</h3>
<h4>Technical test engine</h4>
</a>
</div>
</li>
Expand Down Expand Up @@ -644,84 +644,7 @@ <h4>Smart android gallery</h4>
</div>
<!-- End of slider section -->

<!-- Begin of list two side 1 section -->
<div class="section section-twoside fp-auto-height-responsive " data-section="products">
<!-- Begin of section wrapper -->
<div class="section-wrapper twoside">

<!-- title -->
<div class="section-title text-center ">
<h5 class="title-bg">Products</h5>
<div class="title-abs">
<h2 class="display-4 display-title">Products</h2>
<p>Here is the list of my awesome designs.</p>
</div>
</div>

<!-- text or illustration order are manipulated via Bootstrap order-md-1, order-md-2 class -->
<!-- begin of item -->
<div class="item row justify-content-between">
<!-- img-frame-normal demo -->
<div class="col-12 col-sm-6 col-md-4 center-vh">
<div class="section-content anim translateUp">
<div class="images text-center">
<div class="img-frame-normal">
<div class="img-1 shadow">
<a href="index.html">
<img class="img" src="img/demopage/default.jpg" alt="Image">
</a>
</div>
<div class="legend text-left pos-abs">
<h5>Default</h5>
<p class="small">Image or solid color as background of the page</p>
</div>
</div>
</div>
</div>
</div>
<!-- img-frame-normal demo -->
<div class="col-12 col-sm-6 col-md-4 center-vh">
<div class="section-content anim">
<div class="images text-center">
<div class="img-frame-normal">
<div class="img-1 shadow">
<a href="index-slideshow.html">
<img class="img" src="img/demopage/slideshow.jpg" alt="Image">
</a>
</div>
<div class="legend text-left pos-abs">
<h5>Slideshow</h5>
<p class="small">Fullscreen background image slideshow</p>
</div>
</div>
</div>
</div>
</div>
<!-- img-frame-normal demo -->
<div class="col-12 col-sm-6 col-md-4 center-vh">
<div class="section-content anim translateDown">
<div class="images text-center">
<div class="img-frame-normal">
<div class="img-1 shadow">
<a href="index-video.html">
<img class="img" src="img/demopage/video.jpg" alt="Image">
</a>
</div>
<div class="legend text-left pos-abs">
<h5>Video</h5>
<p class="small">Fullscreen video background</p>
</div>
</div>
</div>
</div>
</div>

</div>
<!-- end of item -->
</div>
<!-- End of section wrapper -->
</div>
<!-- End of list two side 1 section -->




Expand Down

0 comments on commit 7938b49

Please sign in to comment.