tech-masters/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add "hero" image

Browse Source
This commit is contained in:
Mohammed Al-yaseen
2023-09-24 10:55:53 +03:00
parent 7870a4dd65
commit c40cdd3a6f
3 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
css/templatemo-first-portfolio-style.css
View File

@@ -518,9 +518,13 @@ strong {
.hero-image { .hero-image {
position: absolute; position: absolute;
z-index: 22; z-index: 22;
top: 0; top: -44px;
width: 100%; /* width: 100%; */
min-width: 550px; /* min-width: 550px; */
width: 340px;
height: 340px;
right: 67px;
border-radius: 100%;
} }
.hero svg { .hero svg {

BIN
images/National Geographic on Instagram Photo by Stephe.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 273 KiB

6
index.html
View File

@@ -109,14 +109,14 @@
</div> </div>
</div> </div>
<!-- <div class="col-lg-5 col-12 position-relative"> <div class="col-lg-5 col-12 position-relative">
<div class="hero-image-wrap"></div> <div class="hero-image-wrap"></div>
<img <img
src="images/portrait-happy-excited-man-holding-laptop-computer.png" src="images/National Geographic on Instagram Photo by Stephe.jpg"
class="hero-image img-fluid" class="hero-image img-fluid"
alt="" alt=""
/> />
</div> --> </div>
</div> </div>
</div> </div>