From b19e5b64a2a73958f45585fd2420e6fa8c355499 Mon Sep 17 00:00:00 2001 From: BenjaminToby <52448020+BenjaminToby@users.noreply.github.com> Date: Sat, 26 Jun 2021 10:11:17 +0100 Subject: [PATCH] mobile pages added, other issues fixed --- images/adobe animate.svg | 1 + images/adobe-xd.svg | 1 + images/affinity.svg | 1 + images/aftereffects.svg | 1 + images/css3.svg | 17 + images/down-arrow.svg | 12 + images/dreamweaver.svg | 1 + images/figma.svg | 1 + images/git-version-control.svg | 1 + images/html5.svg | 17 + images/illustrator.svg | 1 + images/javascript.svg | 1 + images/linkedin.svg | 17 + images/photoshop.svg | 1 + images/rotating-text.svg | 1 + images/vs-code.svg | 1 + images/webflow.svg | 1 + images/wordpress.svg | 1 + index.html | 151 +++- main.css | 747 ++++++++++++++++-- main.min.css | 1 + scripts/anime.js | 1312 ++++++++++++++++++++++++++++++++ scripts/main.js | 514 +++++++++---- scripts/main.min.js | 17 + 24 files changed, 2594 insertions(+), 225 deletions(-) create mode 100644 images/adobe animate.svg create mode 100644 images/adobe-xd.svg create mode 100644 images/affinity.svg create mode 100644 images/aftereffects.svg create mode 100644 images/css3.svg create mode 100644 images/down-arrow.svg create mode 100644 images/dreamweaver.svg create mode 100644 images/figma.svg create mode 100644 images/git-version-control.svg create mode 100644 images/html5.svg create mode 100644 images/illustrator.svg create mode 100644 images/javascript.svg create mode 100644 images/linkedin.svg create mode 100644 images/photoshop.svg create mode 100644 images/rotating-text.svg create mode 100644 images/vs-code.svg create mode 100644 images/webflow.svg create mode 100644 images/wordpress.svg create mode 100644 main.min.css create mode 100644 scripts/anime.js create mode 100644 scripts/main.min.js diff --git a/images/adobe animate.svg b/images/adobe animate.svg new file mode 100644 index 0000000..1d6ae51 --- /dev/null +++ b/images/adobe animate.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/adobe-xd.svg b/images/adobe-xd.svg new file mode 100644 index 0000000..c71599f --- /dev/null +++ b/images/adobe-xd.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/affinity.svg b/images/affinity.svg new file mode 100644 index 0000000..6942611 --- /dev/null +++ b/images/affinity.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/aftereffects.svg b/images/aftereffects.svg new file mode 100644 index 0000000..2c3dad1 --- /dev/null +++ b/images/aftereffects.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/css3.svg b/images/css3.svg new file mode 100644 index 0000000..090782a --- /dev/null +++ b/images/css3.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + diff --git a/images/down-arrow.svg b/images/down-arrow.svg new file mode 100644 index 0000000..084b25c --- /dev/null +++ b/images/down-arrow.svg @@ -0,0 +1,12 @@ + + + + + + + + diff --git a/images/dreamweaver.svg b/images/dreamweaver.svg new file mode 100644 index 0000000..9f85532 --- /dev/null +++ b/images/dreamweaver.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/figma.svg b/images/figma.svg new file mode 100644 index 0000000..40c6892 --- /dev/null +++ b/images/figma.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/git-version-control.svg b/images/git-version-control.svg new file mode 100644 index 0000000..5e15a58 --- /dev/null +++ b/images/git-version-control.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/html5.svg b/images/html5.svg new file mode 100644 index 0000000..4bf9cbe --- /dev/null +++ b/images/html5.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + diff --git a/images/illustrator.svg b/images/illustrator.svg new file mode 100644 index 0000000..36f7595 --- /dev/null +++ b/images/illustrator.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/javascript.svg b/images/javascript.svg new file mode 100644 index 0000000..58cd55d --- /dev/null +++ b/images/javascript.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/linkedin.svg b/images/linkedin.svg new file mode 100644 index 0000000..d4a77d5 --- /dev/null +++ b/images/linkedin.svg @@ -0,0 +1,17 @@ + + + + + + + + + + diff --git a/images/photoshop.svg b/images/photoshop.svg new file mode 100644 index 0000000..6c4bff4 --- /dev/null +++ b/images/photoshop.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/rotating-text.svg b/images/rotating-text.svg new file mode 100644 index 0000000..73de370 --- /dev/null +++ b/images/rotating-text.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/vs-code.svg b/images/vs-code.svg new file mode 100644 index 0000000..ccd8d30 --- /dev/null +++ b/images/vs-code.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/webflow.svg b/images/webflow.svg new file mode 100644 index 0000000..efc15be --- /dev/null +++ b/images/webflow.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/wordpress.svg b/images/wordpress.svg new file mode 100644 index 0000000..d1d90ca --- /dev/null +++ b/images/wordpress.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/index.html b/index.html index aee988d..4e94eb6 100644 --- a/index.html +++ b/index.html @@ -12,10 +12,11 @@ - + - + @@ -45,12 +46,21 @@ About Me Resume Contact Me - mail - adb - mouse +
+ mail + +
+ + +
@@ -72,25 +82,41 @@
Hi. I’m a

- UI UX Designer, - Web Designer, - Frontend Web Developer, - Graphic and motion Designer. -

+ UI UX Designer, + Web Designer, + Frontend Web Developer, + Graphic and motion Designer. +
+
- -
+ + + +
+ + +
-
+
+
+
+
+
+ +
+
Benjamin
Toby
@@ -104,13 +130,14 @@
-

Some of My Work

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus - commodo viverra maecenas accumsan lacus vel facilisis.

+

Some of My Work

+

Lorem ipsum dolor sit amet, consectetur adipiscing + elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices + gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.

+
@@ -153,21 +180,68 @@ viverra maecenas accumsan lacus vel facilisis.

-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
Adobe Photoshop
+
+ +
+
Adobe Illustrator
+
+ +
+
Adobe After Effects
+
+ +
+
HTML 5
+
+ +
+
CSS3
+
+ +
+
javascript
+
+ +
+
Git Version Control
+
+ +
+
Figma
+
+ +
+
Wordpress
+
+ +
+
Webflow
+
+ +
+
Adobe XD
+
+ +
+
Visual Studio Code
+
+ +
+
Dreamweaver
+
+ +
+
Adobe Animate
+
+ +
+
Affinity Photo and Affinity Designer
+
+ + @@ -186,18 +260,21 @@

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

- Email Address mail + + Email Address mail + -
+
Copyright 2021 Tben.Design
-
+