sufyaan
/
sufyaan-website
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

updating bitguard

Browse Source
main
TitanElectrons 1 year ago
parent 5d5696bc4f
commit 212c8cb5a2
5 changed files with 38 additions and 9 deletions
Show Stats Download Patch File Download Diff File

BIN
portfolio/bitguard/004-grid.webp
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

BIN
portfolio/bitguard/005-logo.webp
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.1 KiB

BIN
portfolio/bitguard/006-colors.webp
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB

24
portfolio/bitguard/index.html
Unescape Escape View File

@ -18,11 +18,29 @@
<hr class="nonlines"> <hr class="nonlines">
<body> <body>
<h1>BitGuard</h1> <h1>BitGuard</h1>
<div class="nongallery">
<div class="image-container"> <div class="image-container">
<img src="001-bitguard-banner.webp"> <img class="nonimage" src="004-grid.webp" alt="BitGuard">
<img src="002-paper.webp">
<img src="003-nothing.webp">
</div> </div>
<div class="image-container">
<img class="nonimage" src="005-logo.webp" alt="Sihu">
</div>
<div class="image-container">
<img class="nonimage" src="006-colors.webp" alt="WM Tours">
</div>
</div>
<div class="nongallery">
<div class="image-container">
<img class="nonimage" src="001-bitguard-banner.webp" alt="BitGuard">
</div>
<div class="image-container">
<img class="nonimage" src="002-paper.webp" alt="Sihu">
</div>
<div class="image-container">
<img class="nonimage" src="003-nothing.webp" alt="WM Tours">
</div>
</div>
<p>BitGuard is a cybersecurity firm that specializes in data protection by using advanced algorithms and proven techniques to avoid giving bad actors their customers' data. In an era dominated by constant hacking and cybersecurity threats, BitGuard stands in the front line in its battle. This portfolio item captures the essence of the brand by using calming but bold elements to signify the purpose of the brand.</p>
<hr class="nonline"> <hr class="nonline">
<div class="nonfooter"> <div class="nonfooter">
<p class="footername">Sufyaan A.</p> <p class="footername">Sufyaan A.</p>

19
portfolio/style.css
Unescape Escape View File

@ -3,7 +3,7 @@ b,ol,p,ul{
margin-left: 7.5vw; margin-left: 7.5vw;
margin-right: 7.5vw; margin-right: 7.5vw;
} }
body,h1{ h1{
color:#121212 color:#121212
} }
h1 { h1 {
@ -27,9 +27,7 @@ a:link {
} }
.image-container img { .image-container img {
width: auto;
max-width: 100%; max-width: 100%;
height: auto;
margin-bottom: 10px; margin-bottom: 10px;
flex: calc(33.33% - 10px); flex: calc(33.33% - 10px);
border-radius: 15px; border-radius: 15px;
@ -79,7 +77,7 @@ a:hover {
margin-top: -2.5%; margin-top: -2.5%;
font-size: 150%; font-size: 150%;
transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;
border-radius: 10px; border-radius: 15px;
} }
h1.image-details { h1.image-details {
@ -97,6 +95,13 @@ margin-left: 7vw;
margin-right: 7vw; margin-right: 7vw;
animation: portfolioItems normal both cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.9s 1.5s; animation: portfolioItems normal both cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.9s 1.5s;
} }
.nongallery {
display: flex;
flex-wrap: wrap;
justify-content:left;
margin-left: 7vw;
margin-right: 7vw;
}
.image-container { .image-container {
position: relative; position: relative;
@ -112,6 +117,12 @@ margin-right: 7vw;
transition: transform 0.3s; transition: transform 0.3s;
border-radius: 10px; border-radius: 10px;
} }
.nonimage {
width: 100%;
height: auto;
transition: transform 0.3s;
border-radius: 10px;
}
.image-container:hover .image { .image-container:hover .image {
transform: scale(1.2); transform: scale(1.2);

Write Preview
Loading…
Cancel
Save