diff --git a/portfolio/bitguard/001-bitguard-banner.webp b/portfolio/bitguard/001-bitguard-banner.webp new file mode 100644 index 0000000..37e8333 Binary files /dev/null and b/portfolio/bitguard/001-bitguard-banner.webp differ diff --git a/portfolio/bitguard/002-paper.webp b/portfolio/bitguard/002-paper.webp new file mode 100644 index 0000000..1897f53 Binary files /dev/null and b/portfolio/bitguard/002-paper.webp differ diff --git a/portfolio/bitguard/003-nothing.webp b/portfolio/bitguard/003-nothing.webp new file mode 100644 index 0000000..eec57ce Binary files /dev/null and b/portfolio/bitguard/003-nothing.webp differ diff --git a/portfolio/bitguard/index.html b/portfolio/bitguard/index.html new file mode 100644 index 0000000..d794c3f --- /dev/null +++ b/portfolio/bitguard/index.html @@ -0,0 +1,34 @@ + + + + Sufyaan | Designer + + + + + + + +
+ + + +
+

DESIGNS | ABOUT | CONTACT

+
+ +

BitGuard

+
+ + + +
+
+
+

Sufyaan A.

+
+ +
+ + + diff --git a/portfolio/contact/index.html b/portfolio/contact/index.html index c5ec1da..dcac487 100644 --- a/portfolio/contact/index.html +++ b/portfolio/contact/index.html @@ -17,7 +17,7 @@

DESIGNS | ABOUT | CONTACT

-

You can contact me to ask questions or discuss your project requirements by emailing me at sufyaan@counterhawks.com.

+

You can contact me to ask questions or discuss your project requirements by emailing me at sufyaan@counterhawks.com [public key]

Communication will take place completely through email. Please use encryption using PGP if you know how using the public key above. This ensures that important information like financial details are not at the risk of being intercepted through email. The fingerprint is: 7CC9 2B65 FEC5 5C3F CC35 2891 6635 5EDD F4E5 B3EC.

diff --git a/portfolio/images/bitguard-header.webp b/portfolio/images/bitguard-header.webp deleted file mode 100644 index da486f7..0000000 Binary files a/portfolio/images/bitguard-header.webp and /dev/null differ diff --git a/portfolio/images/sihu-header.webp b/portfolio/images/sihu-header.webp deleted file mode 100644 index ca01caa..0000000 Binary files a/portfolio/images/sihu-header.webp and /dev/null differ diff --git a/portfolio/images/titan-header.webp b/portfolio/images/titan-header.webp deleted file mode 100644 index 48fdfd5..0000000 Binary files a/portfolio/images/titan-header.webp and /dev/null differ diff --git a/portfolio/images/wm-tours-header.webp b/portfolio/images/wm-tours-header.webp deleted file mode 100644 index 19a2518..0000000 Binary files a/portfolio/images/wm-tours-header.webp and /dev/null differ diff --git a/portfolio/style.css b/portfolio/style.css index b35d0d5..8a7eea6 100644 --- a/portfolio/style.css +++ b/portfolio/style.css @@ -19,16 +19,22 @@ a:link { background-color: transparent; text-decoration: none; } -.image-grid { - display: flex; - flex-wrap: wrap; - margin: -10px; - } - .image-item { - flex: 33.33%; - padding: 10px; - box-sizing: border-box; - } +.image-container { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + margin: 20px; +} + +.image-container img { + width: auto; + max-width: 100%; + height: auto; + margin-bottom: 10px; + flex: calc(33.33% - 10px); + border-radius: 15px; + box-sizing: border-box; +} .footer { animation: glideInFooter normal both cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.8s 1.5s; @@ -298,7 +304,7 @@ p{ width:50%; } img{ - width:40vw + width:40vw; } b{ font-weight:700 @@ -419,9 +425,10 @@ h3{ margin-left: 2vw; margin-right: 2vw; } - .image-item { - flex: 100%; /* One image per row on mobile */ - } + .image-container { + flex-direction: column; + align-items: center; + } .homepage-title{ width:50%; max-width:75%;