diff --git a/100_projects/88-animated-website-design/images/Thumbs.db b/100_projects/88-animated-website-design/images/Thumbs.db deleted file mode 100644 index 828c22e..0000000 Binary files a/100_projects/88-animated-website-design/images/Thumbs.db and /dev/null differ diff --git a/100_projects/88-animated-website-design/images/background.png b/100_projects/88-animated-website-design/images/background.png deleted file mode 100644 index a97f0d2..0000000 Binary files a/100_projects/88-animated-website-design/images/background.png and /dev/null differ diff --git a/100_projects/88-animated-website-design/images/bubble.png b/100_projects/88-animated-website-design/images/bubble.png deleted file mode 100644 index 122b4d4..0000000 Binary files a/100_projects/88-animated-website-design/images/bubble.png and /dev/null differ diff --git a/100_projects/88-animated-website-design/images/fb.png b/100_projects/88-animated-website-design/images/fb.png deleted file mode 100644 index 28acb31..0000000 Binary files a/100_projects/88-animated-website-design/images/fb.png and /dev/null differ diff --git a/100_projects/88-animated-website-design/images/ig.png b/100_projects/88-animated-website-design/images/ig.png deleted file mode 100644 index 4859c07..0000000 Binary files a/100_projects/88-animated-website-design/images/ig.png and /dev/null differ diff --git a/100_projects/88-animated-website-design/images/info.png b/100_projects/88-animated-website-design/images/info.png deleted file mode 100644 index 8a18572..0000000 Binary files a/100_projects/88-animated-website-design/images/info.png and /dev/null differ diff --git a/100_projects/88-animated-website-design/images/logo.png b/100_projects/88-animated-website-design/images/logo.png deleted file mode 100644 index f196cde..0000000 Binary files a/100_projects/88-animated-website-design/images/logo.png and /dev/null differ diff --git a/100_projects/88-animated-website-design/images/menu.png b/100_projects/88-animated-website-design/images/menu.png deleted file mode 100644 index 26f75e2..0000000 Binary files a/100_projects/88-animated-website-design/images/menu.png and /dev/null differ diff --git a/100_projects/88-animated-website-design/images/share.png b/100_projects/88-animated-website-design/images/share.png deleted file mode 100644 index 1fdee71..0000000 Binary files a/100_projects/88-animated-website-design/images/share.png and /dev/null differ diff --git a/100_projects/88-animated-website-design/images/tw.png b/100_projects/88-animated-website-design/images/tw.png deleted file mode 100644 index 9e8b143..0000000 Binary files a/100_projects/88-animated-website-design/images/tw.png and /dev/null differ diff --git a/100_projects/88-animated-website-design/index.html b/100_projects/88-animated-website-design/index.html deleted file mode 100644 index 95a98db..0000000 --- a/100_projects/88-animated-website-design/index.html +++ /dev/null @@ -1,52 +0,0 @@ - - - - - - - Document - - - -
-
-
-
- - Water -
- -
-
-

Welcome to our

-

World's
Creative Studio

- -
-
- - -
- - -
-
-
- - - - - - - - - - -
-
-
- - \ No newline at end of file diff --git a/100_projects/88-animated-website-design/style.css b/100_projects/88-animated-website-design/style.css deleted file mode 100644 index fb73c9a..0000000 --- a/100_projects/88-animated-website-design/style.css +++ /dev/null @@ -1,211 +0,0 @@ -@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap'); -*{ - margin:0; - padding:0; - box-sizing: border-box; -} -.container { - padding-left: 15px; - padding-right: 15px; - margin-left: auto; - margin-right: auto; - margin-top: 10px; -} -/* Small */ -@media (min-width: 768px) { - .container { - width: 750px; - } -} -/* Medium */ -@media (min-width: 992px) { - .container { - width: 970px; - } -} -/* Large */ -@media (min-width: 1200px) { - .container { - width: 1170px; - } -} -.hero{ - width:100%; - height: 100vh; - background-image: url("images/background.png"); - background-size: cover; - background-position: center; - position: relative; - overflow: hidden; -} -.logo{ - width: 100px; - cursor: pointer; -} -.navbar{ - width: 85%; - height: 15%; - display:flex; - align-items:center; - justify-content:space-between; -} -.hero .navbar div{ - display: flex; - align-items: center; - cursor: pointer; -} -.hero .navbar div img{ - width: 60px; - margin-left: 15px; -} -.hero .navbar div span{ - color: #fbfcfd; - font-size: 25px; - font-weight: 600; - margin-left: -30px; - font-family: 'Shadows Into Light', cursive; -} -button{ - color: #fbfcfd; - padding: 10px 25px; - font-size: 16px; - background: transparent; - border: 3px double #fff; - border-radius: 20px; - outline: none; - transition: .3s; - cursor: pointer; -} -button:hover{ - background-color:rgba(255, 255, 255, .5) -} -.content{ - color: #fbfcfd; - position: absolute; - top:50%; - left:8%; - transform: translateY(-50%); - z-index: 2; -} -h1{ - font-size: 80px; - margin: 10px 0 30px; - line-height: 80px; -} -/*@media*/ -@media(max-width:767px){ - h1{ - font-size: 34px; - line-height: 40px; - } -} -.side-bar{ - width: 50px; - height: 100vh; - background: linear-gradient(#00545d, #000729); - position: absolute; - right: 0; - top: 0; - z-index: 9; -} -.menu{ - display: block; - width:25px; - margin: 40px auto 0; - cursor: pointer; - transition: .3s; -} -.menu:hover{ - border-radius: 50%; - background-color:rgba(255, 255, 255, .3); -} -.social-links img, .useful-links img{ - width:35px; - margin: 5px auto; - transition: .3s; - cursor: pointer; -} -.social-links img:hover, .useful-links img:hover{ - background-color:rgba(255, 255, 255, .3); - border-radius: 50%; -} -.social-links{ - width: 50px; - text-align: center; - position: absolute; - top:50%; - transform: translateY(-50%); -} -.useful-links{ - width: 50px; - text-align: center; - position: absolute; - bottom: 30px; -} -.bubbles{ - width: 100%; - display: flex; - align-items: center; - justify-content: space-between; - position: absolute; - bottom: 0; - left: 0; - z-index: 1; -} -.bubbles img{ - width: 50px; - opacity: 0; - animation: bubble 7s linear infinite; -} -.bubbles img:nth-child(1){ - animation-delay: 2s; -} -.bubbles img:nth-child(2){ - animation-delay: 1s; - width: 25px; -} -.bubbles img:nth-child(3){ - animation-delay: 3s; -} -.bubbles img:nth-child(4){ - animation-delay: 4.5s; - width: 40px -} -.bubbles img:nth-child(5){ - animation-delay: 3s; -} -.bubbles img:nth-child(6){ - animation-delay: 6s; - width: 30px; -} -.bubbles img:nth-child(7){ - animation-delay: 7s; -} -.bubbles img:nth-child(8){ - animation-delay: 10s; - width: 25px; -} -.bubbles img:nth-child(9){ - animation-delay: 1s; - width: 80px; -} -.bubbles img:nth-child(10){ - animation-delay: 5s; - width: 20px -} -@keyframes bubble{ - 0%{ - transform: translateY(0); - opacity: 0; - } - 50%{ - opacity: 1; - } - 70%{ - opacity: 1; - } - 100%{ - transform: translateY(-80vh); - opacity: 0; - } -} \ No newline at end of file