diff --git a/portfolio/about/index.html b/portfolio/about/index.html deleted file mode 100644 index 60cf713..0000000 --- a/portfolio/about/index.html +++ /dev/null @@ -1,21 +0,0 @@ - - - - - (PORTFOLIO) Sufyaan's Webpage - - - - - - - - - TitanElectrons -
-

About

-

Greetings, everyone! My name is Sufyaan.

-
- diff --git a/portfolio/credits/index.html b/portfolio/credits/index.html deleted file mode 100644 index aada8c2..0000000 --- a/portfolio/credits/index.html +++ /dev/null @@ -1,30 +0,0 @@ - - - - - (CREDITS) Sufyaan's Webpage - - - - - - - - - TitanElectrons -
-

Credits

-

I would like to heavily thank these people for allowing public access to the pictures that they own and I am currently using. If any of the pictures below are yours and you want a different one used, please contact me and I will remove it immediately.

-

Industria:

- -

Bitguard:

- -

WM Tours:

- -

Sihu:

- -

I mainly find images through Unsplash as the quality of images there are very good.

-
- diff --git a/portfolio/projects/industria/industria-billboard.webp b/portfolio/projects/industria/industria-billboard.webp deleted file mode 100644 index 5353138..0000000 Binary files a/portfolio/projects/industria/industria-billboard.webp and /dev/null differ diff --git a/portfolio/projects/industria/industria-cc.webp b/portfolio/projects/industria/industria-cc.webp deleted file mode 100644 index 74baa9c..0000000 Binary files a/portfolio/projects/industria/industria-cc.webp and /dev/null differ diff --git a/portfolio/projects/industria/industria-colour.webp b/portfolio/projects/industria/industria-colour.webp deleted file mode 100644 index a4ffb1e..0000000 Binary files a/portfolio/projects/industria/industria-colour.webp and /dev/null differ diff --git a/portfolio/projects/industria/industria-guidelines.webp b/portfolio/projects/industria/industria-guidelines.webp deleted file mode 100644 index 8ae1d87..0000000 Binary files a/portfolio/projects/industria/industria-guidelines.webp and /dev/null differ diff --git a/portfolio/projects/industria/industria-header.webp b/portfolio/projects/industria/industria-header.webp deleted file mode 100644 index 4b9e806..0000000 Binary files a/portfolio/projects/industria/industria-header.webp and /dev/null differ diff --git a/portfolio/projects/industria/industria-intro.webp b/portfolio/projects/industria/industria-intro.webp deleted file mode 100644 index ef7db35..0000000 Binary files a/portfolio/projects/industria/industria-intro.webp and /dev/null differ diff --git a/portfolio/projects/industria/industria-logo.webp b/portfolio/projects/industria/industria-logo.webp deleted file mode 100644 index aafb5cc..0000000 Binary files a/portfolio/projects/industria/industria-logo.webp and /dev/null differ diff --git a/portfolio/projects/industria/industria-mask.webp b/portfolio/projects/industria/industria-mask.webp deleted file mode 100644 index d7458d1..0000000 Binary files a/portfolio/projects/industria/industria-mask.webp and /dev/null differ diff --git a/portfolio/projects/industria/industria-sign.webp b/portfolio/projects/industria/industria-sign.webp deleted file mode 100644 index 9ef6fc1..0000000 Binary files a/portfolio/projects/industria/industria-sign.webp and /dev/null differ diff --git a/portfolio/projects/industria/industria.gif b/portfolio/projects/industria/industria.gif deleted file mode 100644 index 0385f95..0000000 Binary files a/portfolio/projects/industria/industria.gif and /dev/null differ diff --git a/portfolio/projects/industria/industria.webp b/portfolio/projects/industria/industria.webp deleted file mode 100644 index 287a716..0000000 Binary files a/portfolio/projects/industria/industria.webp and /dev/null differ diff --git a/portfolio/style.css b/portfolio/style.css index d311f72..5fc56fb 100644 --- a/portfolio/style.css +++ b/portfolio/style.css @@ -1 +1,215 @@ -b,ol,p,ul{font-family:jetbrains}body,h1{color:#121212}.posts,h1,h2,h3,ol,p,ul{margin-left:8vw}.nested-list,.posts,h1,ol,ul{margin-top:1vw;margin-bottom:1vw}.responsive,div.desc,footer{text-align:center}@font-face{font-family:jetbrains;font-weight:400;font-display:swap;src:url("fonts/woff2/futura-woff2.woff2") format('woff2'),url(fonts/woff/futura-woff.woff) format('woff')}@font-face{font-family:jetbrains;font-weight:700;font-display: swap;src:url("fonts/woff2/integral-woff2.woff2") format('woff2'), url(fonts/woff/integral-woff.woff)}body{background:#efefef}p{margin-right:8vw;font-weight:400}.center{display:block;margin-left:auto;margin-right:auto;width:50%;}img{width:40vw}b{font-weight:700}ol,ul{font-weight:400}code,h1,h2,h3{font-weight:700;font-family:jetbrains}hr{width:87%;color:#6067ff}code{color:#50fa7b;overflow-wrap:break-word}a{color:#000bef}footer{padding:3px}h1{font-size:200%}h2{font-size:150%;margin-top:1.5vw;margin-bottom:1.5vw}h3{font-size:110%}i{margin-right:10px}.posts{font-family:jetbrains;list-style-type:none}.code-posts{font-family:jetbrains;color:#6272a4;font-size:80%}.homepage-title{display:block;padding-top:3.25vw;padding-bottom:3vw;margin-left:auto;margin-right:auto;width:30%;max-width:35%;height:7.5%}.footer-text{font-family:jetbrains}.nested-list{margin-left:-2vw}div.gallery{border:1px solid #6272a4}div.gallery:hover{border:1px solid}div.gallery img{width:100%;height:auto}div.desc{padding:15px}*{box-sizing:border-box}.main{margin-left:10vw;margin-right:7vw;width:90vw;margin-bottom:4vw}.responsive{font-family:jetbrains;padding:0 6px;margin:auto;display:block;float:left;width:22%}.clearfix:after{content:"";display:table;clear:both}@media screen and (max-width:600px){.posts,h1,h2,h3,ol,p,ul{margin-left:20px;margin-right:20px;margin-top:30px}hr{width:93%}.posts{font-size:90%;padding:0}.code-posts{font-size:75%}.homepage-title{width:50%;max-width:75%;height:12.5%}.nested-list{margin-left:-6vw;margin-top:4vw;margin-bottom:4vw}.responsive{width:100%;padding-bottom:4vw}div.gallery{border:1px solid #121212}div.gallery:hover{border:1px solid}.main{width:75vw;margin-top:7vw;padding:8px}}@media screen and (max-width:1150px){img{width:75vw}} +b,ol,p,ul{ + font-family:futura +} +body,h1{ + color:#121212 +} +.posts,h1,h2,h3,ol,p,ul{ + margin-left:8vw +} +.nested-list,.posts,h1,ol,ul{ + margin-top:1vw; + margin-bottom:1vw +} +.responsive,div.desc,footer{ + text-align:center +} + +/* ANIMATIONS */ + +@keyframes scaleUp { + from { + transform: scale(0.7) + } + to { + transform: scale(4) + } +} + +/* CLASSES */ + +.main-header { + text-align: center; + margin-left: 0; + margin-top: 25%; + animation-name: scaleUp; + animation-duration: 1s; + animation-timing-function:cubic-bezier(0.785, 0.135, 0.15, 0.86); + animation-delay: 0; + animation-iteration-count: 1; + animation-direction: normal; + animation-fill-mode: both; +} + +@font-face{ + font-family:futura; + font-weight:400; + font-display:swap; + src:url("fonts/woff2/futura-woff2.woff2") format('woff2'),url(fonts/woff/futura-woff.woff) format('woff') } +@font-face{ + font-family:futura; + font-weight:700; + font-display: swap; + src:url("fonts/woff2/integral-woff2.woff2") format('woff2'), url(fonts/woff/integral-woff.woff) +} +body{ + background:#efefef +} +p{ + margin-right:8vw; + font-weight:400 +} +.center{ + display:block; + margin-left:auto; + margin-right:auto; + width:50%; +} +img{ + width:40vw +} +b{ + font-weight:700 +} +ol,ul{ + font-weight:400 +} +code,h1,h2,h3{ + font-weight:700; + font-family:futura +} +hr{ + width:87%; + color:#6067ff +} +code{ + color:#50fa7b; + overflow-wrap:break-word +} +a{ + color:#000bef +} +footer{ + padding:3px +} +h1{ + font-size:200% +} +h2{ + font-size:150%; + margin-top:1.5vw; + margin-bottom:1.5vw +} +h3{ + font-size:110% +} +i{ + margin-right:10px +} +.posts{ + font-family:futura; + list-style-type:none +} +.code-posts{ + font-family:futura; + color:#6272a4; + font-size:80% +} +.homepage-title{ + display:block; + padding-top:3.25vw; + padding-bottom:3vw; + margin-left:auto; + margin-right:auto; + width:30%; + max-width:35%; + height:7.5% +} +.footer-text{ + font-family:futura +} +.nested-list{ + margin-left:-2vw +} +div.gallery{ + border:1px solid #6272a4 +} +div.gallery:hover{ + border:1px solid +} +div.gallery img{ + width:100%; + height:auto +} +div.desc{ + padding:15px +} +*{ + box-sizing:border-box +} +.main{ + margin-left:10vw; + margin-right:7vw; + width:90vw; + margin-bottom:4vw +} +.responsive{ + font-family:futura; + padding:0 6px; + margin:auto; + display:block; + float:left; + width:22% +} +.clearfix:after{ + content:""; + display:table; + clear:both +} +@media screen and (max-width:600px){ + .posts,h1,h2,h3,ol,p,ul{ + margin-left:20px; + margin-right:20px; + margin-top:30px + } + hr{ + width:93% + } + .posts{ + font-size:90%; + padding:0 + } + .code-posts{ + font-size:75% + } + .homepage-title{ + width:50%; + max-width:75%; + height:12.5% + } + .nested-list{ + margin-left:-6vw; + margin-top:4vw; + margin-bottom:4vw + } + .responsive{ + width:100%; + padding-bottom:4vw + } + div.gallery{ + border:1px solid #121212 + } + div.gallery:hover{ + border:1px solid + } + .main{ + width:75vw; + margin-top:7vw; + padding:8px + } +} +@media screen and (max-width:1150px){ + img{ + width:75vw + } +} diff --git a/portfolio/template/project/template.html b/portfolio/template/project/template.html deleted file mode 100644 index 02a9d90..0000000 --- a/portfolio/template/project/template.html +++ /dev/null @@ -1,22 +0,0 @@ - - - - - (PROJECT) TitanElectrons - - - - - - - - - TitanElectrons -
-

Industria

-

Industria is an architectural design firm that aspires to make the most beautiful construction projects.

-
- diff --git a/portfolio/template/template.html b/portfolio/template/template.html deleted file mode 100644 index 414c83d..0000000 --- a/portfolio/template/template.html +++ /dev/null @@ -1,21 +0,0 @@ - - - - - (PROJECT) Sufyaan's Webpage - - - - - - - - - TitanElectrons -
-

Project Name

-

Project info

-
- diff --git a/portfolio/wip.html b/portfolio/wip.html index 47e6ad8..e98d0da 100644 --- a/portfolio/wip.html +++ b/portfolio/wip.html @@ -1,60 +1,14 @@ - - (PORTFOLIO) Sufyaan's Webpage - + Sufyaan | Designer + - - TitanElectrons -
-

Portfolio

-

I have worked on numerous design projects over the years. This page is a collection of all my best works for reference.

- +

TitanElectrons

-
-
-
- - Industria - -
Industria
-
-
-
-
- - BitGuard - -
BitGuard
-
-
-
-
- - WM Tours - -
WM Tours
-
-
-
-
- - Sihu - -
Sihu
-
-
-
-
-

All logos shown in this portfolio are mine. However, some of the images used for aesthetic purposes in my portfolio are not mine. Please visit this page to view the original images and download them.

-

If you love my work and want to hire me for work, please visit the contact page for more information. Please note that prices are based on product value. My prices are not fixed and will change depending on the type of logo or brand you want me to design.

-
- +