diff --git a/README.md b/README.md deleted file mode 100644 index debd662..0000000 --- a/README.md +++ /dev/null @@ -1,3 +0,0 @@ -# Battle of Tech - Round 1 - Div-A-Div - -## Rulebook & Demo: https://link.leadthapar.com/round-1 \ No newline at end of file diff --git a/assets/css/stylesheet.css b/assets/css/stylesheet.css new file mode 100644 index 0000000..b6d1361 --- /dev/null +++ b/assets/css/stylesheet.css @@ -0,0 +1,395 @@ +@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap'); + +@font-face { + font-family: mad; + src: url("../fonts/mad.ttf"); +} + +::-webkit-scrollbar { + width: 12px; + } + ::-webkit-scrollbar-track { + background-color: #31414C; + border-radius: 2px; + } + ::-webkit-scrollbar-thumb { + background: #FFC119; + } + + ::-moz-scrollbar { + width: 12px; + } + ::-moz-scrollbar-track { + background-color: #31414C; + border-radius: 2px; + } + ::-moz-scrollbar-thumb { + background: #FFC119; + } + + html { + scroll-behavior: smooth; + } + + html body { + margin: 0px; + padding: 0px; + background-color: #393F3E; + } + +.navprat{ +background-color: #393F3E; +height: 65px; +position: fixed; +z-index: 999; +width: 100%; +} + +.navlink{ +text-decoration: none; +color: white; +list-style-type: none; +border-bottom: 3px solid #D94452; +transition: border-bottom 0.5s; +float: right; +margin-right: 30px; +margin-top: 20px; +margin-bottom: 20px; +letter-spacing: 1px; +} + +.navlink:hover{ +color: white; +border-bottom: 3px solid white; +} + +.navlink-right{ + background-color: #D4D4D4; + color: white; + padding-left: 15px; + padding-right: 15px; + padding-top: 5px; + padding-bottom: 5px; + float: right; + position: relative; + top: 15px; + text-decoration: none; + margin-right: 50px; + letter-spacing: 1px; + border-radius: 3px; + transition: background-color 0.5s; +} + +.navlink-right:hover{ +background-color: #D94452; +color: white; +} + +.navprat li{ + display: inline; +} + +.main{ + height: 100vh; + background: url('../images/4.png'); + background-attachment: fixed; + background-size: cover; + background-repeat: no-repeat; +} + +footer{ + padding: 15px; + border-radius: 20px 0px 0px; + background-color: #BCBCBC; + height: 80px; + color: white; +} + +.fa { + padding-top: 16px; + padding-bottom: 16px; + padding-left: 18px; + padding-right: 20px; + font-size: 30px; + width: 50px; + text-align: center; + text-decoration: none; + margin-right:20px; + border-radius: 50%; +} + +footer .fa{ + float: left; +} + +.fa:hover { + opacity: 0.7; +} + + +.fa-instagram:hover { + background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); + background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); + color: white; +} + +.fa-instagram { + background: #393F3E; + color: white; + transition: background-color 0.5s; +} + +.fa-linkedin { + background: #393F3E; + color: white; + transition: background-color 0.5s; +} + +.fa-facebook { + background: #393F3E; + color: white; + transition: background-color 0.5s; +} + +.fa-facebook:hover { + background: #3B5998; + color: white; +} + +.fa-linkedin:hover { + background: #007bb5; + color: white; +} + +.footer-in{ + float: right; + top: 13px; + margin-right: 50px; + position: relative; +} + +footer{ + text-align: center; +} + +.footer-out{ + position: relative; + top: 13px; +} + +.footer-in-out{ + position: relative; + top: 5px; +} + +.imj{ + position: relative; + top: 10px; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); +} + +.p1{ + font-family: 'Playfair Display', serif; + letter-spacing: 4px; + font-size: 60px; + font-weight: bold; +} + +.p2{ + font-family: mad; + font-size: 25px; + letter-spacing: 2px; +} + +.main-in{ + padding-top: 13%; + text-align: right; + margin-right: 100px; +} + +.heading{ + background-color: white; + padding: 10px; +} + +.heading-in{ + position: relative; + font-weight: bold; + top: -60px; + width: 300px; + background-color: white; + color: #393F3E; + padding-right: 20px; + padding-left: 20px; + padding-top: 10px; + padding-bottom: 10px; + font-size: 40px; + font-family: 'Playfair Display', serif; +} + + +/*--About US--*/ + +.main-2{ + background-color:#BCBCBC; + padding: 50px; +} + +.main-2 h1{ + text-align: center; + font-family: 'butler'; + color:#393f3e; + font-size: 50px; + letter-spacing: 3px; +} + +.col-sm{ + background-color:#fe4557; + margin-left: 3%; + margin-right: 3%; +} + +#two{ + background-color:#393f3e; +} + +.img-wrap{ + margin: 20px; + margin-top: 30px; +} + +.main-2 p{ + padding: 10px; + letter-spacing: 1px; + font-family: mad; + color: white; +} + +.prajit{ + width: 100%; +} + +.button13{ + background-color: #393f3e; + margin-left: 10px; + color:white; + padding-right: 20px; + padding-left: 20px; + letter-spacing: 2px; + padding-top: 7px; + padding-bottom: 7px; + border: none; + transition: background-color 0.5s; + box-shadow: 0 3px 6px 2px rgba(0,0,0,0.5); +} + +.main-2 h3{ + font-family: 'butler'; + font-size: 45px; + padding: 10px; + letter-spacing: 1px; +} + +.container{ + font-family: 'butler'; +} + +.button2{ + background-color:#fe4557; + margin-left: 10px; + color:white; + padding-right: 20px; + padding-left: 20px; + letter-spacing: 2px; + padding-top: 7px; + padding-bottom: 7px; + border: none; + transition: background-color 0.5s; + box-shadow: 0 3px 6px 2px rgba(0,0,0,0.5); +} + +.button2:hover{ + background-color: white; + color: #393f3e; +} + +.button13:hover{ + background-color: white; + color: #fe4557; +} + +.left-arrow{ +position: relative; +top: 340px; +color: #FFC119; +} + +.right-arrow{ + position: relative; + top: -440px; + float: right; + color: #FFC119; +} + +.imjk{ + border-radius: 100%; + height: 510px; + width: 510px; + top: -40px; +} + +.main-3{ + background-size: cover; + background-repeat: no-repeat; + background: url('../images/backback.jpg'); + background-attachment: fixed; + position: relative; + padding-bottom: 100px; + padding-right: 30px; + padding-left: 30px; +} + +.box{ + background-color: #fe4557; + padding: 50px; + margin-left: 180px; + text-align: right; +} + +.box p, .box h3{ + margin-right: 30px; +} + +.box h3{ + font-family: 'Playfair Display', serif; + letter-spacing: 4px; + font-size: 60px; + color: #393f3e; + font-weight: bold; +} + +.box p{ + font-family: mad; + font-size: 20px; + letter-spacing: 2px; +} + +.btnprat{ + padding-left: 15px; + padding-right: 15px; + padding-top: 5px; + padding-bottom: 5px; + margin-right: 30px; + margin-top: 20px; + border: none; + font-family: 'Playfair Display', serif; + color: white; + background-color: #393F3E; + letter-spacing: 2px; + transition: background-color 0.5s; +} + +.btnprat:hover{ + background-color: white; + color: #fe4557; +} \ No newline at end of file diff --git a/assets/fonts/mad.ttf b/assets/fonts/mad.ttf new file mode 100644 index 0000000..def825b Binary files /dev/null and b/assets/fonts/mad.ttf differ diff --git a/assets/images/1.png b/assets/images/1.png new file mode 100644 index 0000000..40bca99 Binary files /dev/null and b/assets/images/1.png differ diff --git a/assets/images/2.png b/assets/images/2.png new file mode 100644 index 0000000..f159086 Binary files /dev/null and b/assets/images/2.png differ diff --git a/assets/images/3.png b/assets/images/3.png new file mode 100644 index 0000000..d0f401d Binary files /dev/null and b/assets/images/3.png differ diff --git a/assets/images/4.png b/assets/images/4.png new file mode 100644 index 0000000..604512a Binary files /dev/null and b/assets/images/4.png differ diff --git a/assets/images/5.png b/assets/images/5.png new file mode 100644 index 0000000..d0d950c Binary files /dev/null and b/assets/images/5.png differ diff --git a/assets/images/backback.jpg b/assets/images/backback.jpg new file mode 100644 index 0000000..3372149 Binary files /dev/null and b/assets/images/backback.jpg differ diff --git a/assets/logo/logo.png b/assets/logo/logo.png new file mode 100644 index 0000000..cd94935 Binary files /dev/null and b/assets/logo/logo.png differ diff --git a/index.html b/index.html index 6a71e69..595fe1c 100644 --- a/index.html +++ b/index.html @@ -1,363 +1,144 @@ - - - - - - - - - - - - - - - TimeUp - - - - - -
-
-
-
-

Hello

-

My name is Goku & I build things on the Internet.

- VIEW MORE -
-
- - -
-
- -
- - - - - - - - - - - - - - - - Illustration -

I am not the professional but I tried my best to create Illustration. Checkout some Illustration

- -
- -
- - - - - - - - - - - Design+Development -

Clean, modern designs - optimized for performance, search engines, and converting users to customers.

- - -
- - -
- - - - - - - - - - - - - Mobile-friendly -

A responsive design makes your website accessible to all users, regardless of their device.

- -
- - -
- - -
- - -
- -
-

Check my works

-

Some Illustration and Website are design and developed by me.

-
- -
-
- - -

Illustration

-

Simple bird

- -
-
- - -

Development

-

Password strength checker

- -
-
- - -

Development

-

Expression evaluation

- -
-
- - -

Illustration

-

Satyajit Roy

- -
-
- - -

Illustration

-

Stay home stay safe

- -
-
- - -

Illustration

-

Banner of my website

- -
- - -
-
- - -
-
-
- - -
-
-

While there's code there's bug

-

TIMEUP

- -
- - - - - - - - - - - - - - - - - -
-
-
-
- -
- - - - - -
- -
-

Developer

-

I'm a web designer / developer based in Japan. I have a passion for web design and love to create for web and mobile devices.

-

Goku

-
-
- - - - - - - - - - - - -
- - -
-
- - - -
- -
- -
-

I can help.

-

Iā€™m currently available for freelance work. - If you have a project that you want to get started, think you need my help with something or just - fancy saying hey, then get in touch. -

-

+000 95 123 456 78 21

-

+000 95 123 456 78 21

-
- -
-
-
- - -
- - -
-
-
- - -
- - - - - - + + + + + + + + + + + + + + + + + + + round-2 + + +
+ + + +
+
+

Outfits To Wear
For Home Office

+

Lorem ipsum dolor sit amet, con-
sectetur adipiscing elit. sed diam
nonummy.

+
+ + + +
+
+ +
+ +

 NEW ARRIVAL 

+ +
+ +
+ +
+
+ +
+
+ +

Fancy Light Glasses

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse recusandae quam beatae vero hic commodi sed dolorem error

+

$80

+
+ +

+
+ +
+
+ +
+
+

Asphalt Work Suits

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse recusandae quam beatae vero hic commodi sed dolorem error

+

$80

+
+ +

+
+ +
+
+ +
+
+ + +

Black Leather Apparels

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse recusandae quam beatae vero hic commodi sed dolorem error

+

$180

+
+ +

+
+ +
+
+ +
+ +
+


+
+
+Fashion story +
+
+ +
+
+

Outfit Designer
Reveals Everything


+

Lorem ipsum dolor sit amet, con-
sectetur adipiscing elit. sed diam
nonummy.

+ +
+
+ +
+
+ + + + + + + + + + + + \ No newline at end of file diff --git a/js/animation.js b/js/animation.js deleted file mode 100644 index 5bf90f7..0000000 --- a/js/animation.js +++ /dev/null @@ -1,51 +0,0 @@ -const section1 = document.querySelector('.intro'); -const header = document.querySelector('header'); -const options = { - threshold: 0, - rootMargin: '-150px 0px -300px 0px' -} -const observer = new IntersectionObserver((entries, observer) => { - entries.forEach(entry => { - if (!entry.isIntersecting) { header.classList.add('header-scroll'); } - else { header.classList.remove('header-scroll'); } - }) -}, options); -observer.observe(section1); -const animation = new IntersectionObserver((entries, animation) => { - entries.forEach(entry => { - if (!entry.isIntersecting) { return; } - entry.target.querySelectorAll('.left').forEach(element => { element.classList.add('v'); }); - entry.target.querySelectorAll('.right').forEach(element => { element.classList.add('v'); }); - (entry.target.querySelectorAll('.middle').length) ? entry.target.querySelectorAll('.middle').forEach(element => { element.classList.add('v'); }) : console.log('šŸ˜¢'); - animation.unobserve(entry.target); - }) -}, options); -if (window.innerWidth >= 1067) { - console.log('šŸ˜Š'); - const containers = document.querySelectorAll('.container'); - containers.forEach(container => { animation.observe(container); }); -} - -window.onload = load(); -window.onresize = load; - -function load() { - if (window.innerWidth <= 500) { document.getElementById('navigation').className = 'nav2'; } - else { document.getElementById('navigation').className = 'nav1'; } -} -const menu = document.querySelector('.menu'); -menu.onclick = function (e) { - if (window.innerWidth <= 500) { - const banner = document.querySelectorAll('header')[0]; - banner.getElementsByClassName('nav2')[0].classList.toggle('nav-active'); - banner.getElementsByClassName('menu')[0].classList.toggle('svg-active'); - } - else { - const silder = document.querySelector('.slider-container'); - silder.classList.add('sc-visible'); - console.log('menu clicked'); - - } -} -window.addEventListener('mouseup', (e) => { e.target.classList.remove('sc-visible'); }); -const close = document.querySelector('.icon').onclick = e => { document.querySelector('.slider-container').classList.remove('sc-visible') } \ No newline at end of file diff --git a/js/main.js b/js/main.js deleted file mode 100644 index 66bf610..0000000 --- a/js/main.js +++ /dev/null @@ -1 +0,0 @@ -console.log('šŸ˜ƒ Battle of Tech'); \ No newline at end of file diff --git a/pictures/banner1.png b/pictures/banner1.png deleted file mode 100644 index 07f971d..0000000 Binary files a/pictures/banner1.png and /dev/null differ diff --git a/pictures/logo.svg b/pictures/logo.svg deleted file mode 100644 index 97f71dd..0000000 --- a/pictures/logo.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/pictures/profile.png b/pictures/profile.png deleted file mode 100644 index 313b852..0000000 Binary files a/pictures/profile.png and /dev/null differ diff --git a/pictures/projects/picture1.png b/pictures/projects/picture1.png deleted file mode 100644 index d2154fd..0000000 Binary files a/pictures/projects/picture1.png and /dev/null differ diff --git a/pictures/projects/picture2.png b/pictures/projects/picture2.png deleted file mode 100644 index 9d9fc50..0000000 Binary files a/pictures/projects/picture2.png and /dev/null differ diff --git a/pictures/projects/picture3.png b/pictures/projects/picture3.png deleted file mode 100644 index f1c62c8..0000000 Binary files a/pictures/projects/picture3.png and /dev/null differ diff --git a/pictures/projects/picture4.png b/pictures/projects/picture4.png deleted file mode 100644 index be8e39f..0000000 Binary files a/pictures/projects/picture4.png and /dev/null differ diff --git a/pictures/projects/picture5.png b/pictures/projects/picture5.png deleted file mode 100644 index e2addeb..0000000 Binary files a/pictures/projects/picture5.png and /dev/null differ diff --git a/pictures/projects/picture6.png b/pictures/projects/picture6.png deleted file mode 100644 index 7501f10..0000000 Binary files a/pictures/projects/picture6.png and /dev/null differ diff --git a/style/background.png b/style/background.png deleted file mode 100644 index b8b9169..0000000 Binary files a/style/background.png and /dev/null differ diff --git a/style/style.css b/style/style.css deleted file mode 100644 index ec8bcb2..0000000 --- a/style/style.css +++ /dev/null @@ -1,1113 +0,0 @@ -:root { - --col1: #fcfcfc; - --col2: #e5e5e5; - --col3: #858585; - --col4: #eefcff; - --col5: #ff9b24; - --col6: #ffa943; - --col7: #304598; - --col8: #890608; - --btnfont: 12px; - --fontfamily1: "Raleway", sans-serif; - --fontfamily2: "Josefin Sans", sans-serif; - --bgcolor: transparent; - --btncolor: var(--col1); - --textcolor: var(--col1); -} - -html { - overflow-x: hidden; - scroll-behavior: smooth; -} - -* { - padding: 0px; - margin: 0px; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -body { - font-family: var(--fontfamily1); - font-weight: 400; - color: var(--col3); - background-color: var(--col1); -} - -header { - position: fixed; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - width: 100%; - height: 70px; - padding: 0px 30px; - z-index: 2; - background-color: var(--bgcolor); - -webkit-transition: all 0.3s; - transition: all 0.3s; -} - -header .main-icon { - position: relative; - width: 40px; - height: 40px; - background-repeat: no-repeat; -} - -header .nav1 ul { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - text-align: center; - list-style: none; -} - -header .nav1 ul a { - position: relative; - padding: 10px 20px; - font-style: var(--fontfamily2); - font-size: 20px; - text-decoration: none; - color: var(--textcolor); - cursor: pointer; -} - -header .nav1 ul a span { - position: relative; - padding: 0px 8px 0px 8px; -} - -header .nav1 ul a span::before { - content: ""; - position: absolute; - width: 0px; - height: 2px; - left: 50%; - bottom: -8px; - background-color: var(--col8); - border-radius: 1px; - -webkit-transition: all 0.2s; - transition: all 0.2s; -} - -header .nav1 ul a span:hover::before { - width: 100%; - left: 0%; -} - -header .nav2 { - position: absolute; - top: 0; - right: 0; - left: 0; - bottom: 0; - text-align: center; - opacity: 0; - visibility: hidden; - -webkit-transition: all 0.5s; - transition: all 0.5s; -} - -header .nav2::before { - content: ""; - position: absolute; - top: 0; - bottom: 0; - left: 0; - background: var(--col8); - -webkit-transform: translateX(-120%); - transform: translateX(-120%); - -webkit-clip-path: polygon(100% 0, 100% 10%, 50% 100%, 0 100%, 0 0); - clip-path: polygon(100% 0, 100% 10%, 50% 100%, 0 100%, 0 0); - -webkit-transition: all 0.5s; - transition: all 0.5s; - width: 100vw; - z-index: -2; - height: 100vh; -} - -header .nav2 ul { - position: absolute; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-transform: skew(-16deg); - transform: skew(-16deg); - opacity: 0; - top: -50px; - left: -260px; - width: 100vw; - height: 100vh; - -webkit-transition: all 0.5s; - transition: all 0.5s; - z-index: -1; -} - -header .nav2 ul li { - left: 200; - display: block; - margin: 0.5rem 0; - text-align: right; - -webkit-transform: skew(16deg); - transform: skew(16deg); -} - -header .nav2 ul li a { - font-style: var(--fontfamily2); - font-size: 30px; - font-weight: 500; - text-decoration: none; - color: var(--col4); -} - -header .nav-active { - opacity: 1; - visibility: visible; -} - -header .nav-active::before { - -webkit-transform: translateX(0%); - transform: translateX(0%); -} - -header .nav-active ul { - top: 0px; - left: -160px; - opacity: 1; -} - -header .menu { - position: relative; - z-index: 90; - height: 35px; - width: 35px; - background-size: cover; - background-repeat: no-repeat; - fill: var(--btncolor); - -webkit-transition: fill 0.3s; - transition: fill 0.3s; -} - -header .menu:hover { - fill: var(--btncolor); -} - -header .menu:active { - fill: var(--btncolor); -} - -header .svg-active { - --btncolor: var(--col1); -} - -.header-scroll { - --bgcolor: var(--col1); - --btncolor: var(--col8); - --textcolor: var(--col8); -} - -.slider-container { - width: 100vw; - height: 100vh; - position: fixed; - top: 0; - left: 0; - background-color: rgba(0, 0, 0, 0); - visibility: hidden; - -webkit-transition: all 0.5s; - transition: all 0.5s; - z-index: 300; -} - -.slider-container .slider { - position: absolute; - -webkit-transform: translateX(100%); - transform: translateX(100%); - opacity: 0; - -webkit-transition: all 0.5s; - transition: all 0.5s; - right: 0; - height: 100vh; - width: 400px; - background-color: var(--col8); - color: var(--col4); - z-index: 100; - padding: 30px; -} - -.slider-container .slider .icon { - position: absolute; - width: 30px; - height: 30px; - right: 50px; - top: 20px; - fill: var(--col4); - -webkit-transition: all 0.3s; - transition: all 0.3s; -} - -.slider-container .slider .icon:hover { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); -} - -.slider-container .slider .word { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - position: relative; - width: 100%; - height: auto; - top: 200px; -} - -.slider-container .slider .word h1 { - pointer-events: none; - margin: 20px 0px; -} - -.slider-container .slider .word p { - pointer-events: none; -} - -.slider-container .slider .word .media { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - height: 60px; - width: 250px; - margin: 50px 0px; -} - -.slider-container .slider .word .media .icon1 { - -webkit-transform: translateX(300%); - transform: translateX(300%); - -webkit-transition: all 0.5s; - transition: all 0.5s; - opacity: 0; - height: 35px; - width: 35px; - fill: var(--col4); -} - -.slider-container .slider .word .media .icon1:nth-child(1) { - -webkit-transition-delay: 0.2s; - transition-delay: 0.2s; -} - -.slider-container .slider .word .media .icon1:nth-child(2) { - -webkit-transition-delay: 0.4s; - transition-delay: 0.4s; -} - -.slider-container .slider .word .media .icon1:nth-child(3) { - -webkit-transition-delay: 0.6s; - transition-delay: 0.6s; -} - -.slider-container .slider .word .media .icon1:nth-child(4) { - -webkit-transition-delay: 0.8s; - transition-delay: 0.8s; -} - -.sc-visible { - visibility: visible; - background-color: rgba(0, 0, 0, 0.267); -} - -.sc-visible .slider { - -webkit-transform: translateX(0%); - transform: translateX(0%); - opacity: 1; -} - -.sc-visible .slider .word .media .icon1 { - -webkit-transform: translateX(0%); - transform: translateX(0%); - opacity: 1; -} - -.intro { - --width-height: 100%; - position: relative; - width: var(--width-height); - height: 100vh; -} - -.intro .background-img { - position: absolute; - z-index: -2; - width: var(--width-height); - height: var(--width-height); - width: 100%; - background-image: url("background.png"); - background-position: center; - background-repeat: no-repeat; - background-size: cover; -} - -.intro .overlay { - position: absolute; - width: var(--width-height); - height: var(--width-height); - background: rgba(0, 0, 0, 0.459); - z-index: -1; -} - -.intro .btn-text { - position: absolute; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - text-align: center; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - width: var(--width-height); - height: var(--width-height); - color: var(--col4); -} - -.intro .btn-text h1 { - font-family: var(--fontfamily2); - padding: 0px 20px; - font-weight: 500; - line-height: 7vmax; - font-size: 7vmax; -} - -.intro .btn-text p { - margin: 30px 0px 30px 0px; - font-size: calc(1rem + 1vmax); - padding: 0px 20px 0px 20px; -} - -.intro .btn-text a { - padding: 10px 20px 10px 20px; - border: none; - border-radius: 3px; - font-size: var(--btnfont); - font-weight: bold; - background-color: var(--col4); - color: var(--col8); - outline: none; - text-decoration: none; - -webkit-transition: all 0.3s; - transition: all 0.3s; -} - -.intro .btn-text a:hover { - background-color: var(--col8); - color: var(--col4); -} - -@media (min-width: 1067px) { - .left { - -webkit-transition: all 1.2s; - transition: all 1.2s; - opacity: 0; - -webkit-transform: translateX(-100%); - transform: translateX(-100%); - } - .middle { - -webkit-transition: all 1s; - transition: all 1s; - opacity: 0; - } - .right { - opacity: 0; - -webkit-transition: all 1.2s; - transition: all 1.2s; - -webkit-transform: translateX(100%); - transform: translateX(100%); - } - .v { - opacity: 1; - -webkit-transform: translate(0%); - transform: translate(0%); - } -} - -.container { - position: relative; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - height: auto; - width: 90%; - max-width: 1100px; - margin: 30px 0px; -} - -.sec { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - margin: 40px 0px; -} - -.section2 .container { - -webkit-box-pack: space-evenly; - -ms-flex-pack: space-evenly; - justify-content: space-evenly; -} - -.section2 .container .box { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - text-align: center; - padding: 5px 35px; - -webkit-box-flex: 1; - -ms-flex: 1 0 272px; - flex: 1 0 272px; - height: 230px; - max-width: 400px; -} - -.section2 .container .box svg { - width: 70px; - height: 70px; - fill: var(--col8); -} - -.section2 .container .box a:nth-child(2) { - text-decoration: none; - font-style: var(--fontfamily2); - font-weight: 500; - font-size: 28px; - color: var(--col8); - margin: 20px 0px 10px 0px; -} - -.section3 .section3-header { - padding: 0px 20px; -} - -.section3 .section3-header h1 { - color: var(--col8); - font-family: var(--fontfamily2); - font-size: 60px; - font-weight: 500; - margin-bottom: 15px; - text-align: center; -} - -.section3 .section3-header p { - text-align: center; - font-size: 20px; -} - -.section3 .container { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; -} - -.section3 .container .projects-box { - position: relative; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - width: 30%; - max-width: 400px; - min-width: 300px; - margin: 10px; -} - -.section3 .container .projects-box .disp { - position: absolute; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - text-decoration: none; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - width: 85%; - height: 85%; - background-color: white; - opacity: 0; - border-radius: 25px; - -webkit-transition: opacity 0.3s ease-in-out; - transition: opacity 0.3s ease-in-out; - padding: 20px; - text-align: center; -} - -.section3 .container .projects-box .disp p:nth-child(1) { - font-family: var(--fontfamily2); - font-size: 25px; - font-weight: 500; - color: var(--col8); -} - -.section3 .container .projects-box .disp p:nth-child(2) { - font-size: 20px; - font-weight: 400; - color: var(--col3); -} - -.section3 .container .projects-box img { - position: relative; - border-radius: 30px; - width: 100%; - z-index: -1; -} - -.section3 .container .projects-box:hover .disp { - opacity: 1; -} - -.section4 .banner { - position: relative; - width: 100%; -} - -.section4 .container { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-pack: distribute; - justify-content: space-around; -} - -.section4 .container .picture { - width: 20vmax; - max-width: 350px; - min-width: 200px; - border-radius: 50%; - margin: 50px 0px; -} - -.section4 .container .about { - height: 180px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-flex: 0; - -ms-flex: 0 0 400px; - flex: 0 0 400px; - margin: 0px 70px; -} - -.section4 .container .about p:nth-child(1) { - font-style: var(--fontfamily1); - font-weight: 500; - color: var(--col8); - font-size: 50px; -} - -.section4 .container .about p:nth-child(2) { - font-style: var(--fontfamily1); - font-weight: 400; - color: var(--col6); - font-size: 30px; - margin: 0px 0px 20px 0px; -} - -.section4 .container .about p:nth-child(3) { - font-size: 20px; -} - -.section4 .container .socilmedia { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; -} - -.section4 .container .socilmedia .icon { - width: 30px; - margin: 10px 0px; - fill: var(--col8); -} - -.section4 .container .socilmedia .icon:nth-child(1):hover { - fill: #1196f5; -} - -.section4 .container .socilmedia .icon:nth-child(2):hover { - fill: #0056ff; -} - -.section4 .container .socilmedia .icon:nth-child(3):hover { - fill: #1e963a; -} - -.section4 .container .socilmedia .icon:nth-child(4):hover { - fill: #ea4c89; -} - -.section5 .banner { - position: relative; - width: 100%; -} - -.section5 .container .contact { - -webkit-box-flex: 1; - -ms-flex: 1 0 280px; - flex: 1 0 280px; - max-width: 500px; - margin: 20px; -} - -.section5 .container .contact h1 { - font-family: var(--fontfamily2); - font-weight: 500; - font-size: 40px; - color: var(--col8); - margin-bottom: 10px; -} - -.section5 .container .contact p { - margin-bottom: 10px; -} - -.section5 .container .form { - -webkit-box-flex: 1; - -ms-flex: 1 0 280px; - flex: 1 0 280px; - max-width: 500px; - height: 100%; -} - -.section5 .container .form form { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - margin: 20px; -} - -.section5 .container .form form .inputs { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - margin: 10px 0px; -} - -.section5 .container .form form .inputs input { - outline: none; - width: 49%; - height: 40px; - background-color: var(--col1); - color: var(--col8); - border: 2px solid var(--col8); - padding-left: 10px; - font-family: var(--fontfamily1); -} - -.section5 .container .form form textarea { - outline: none; - height: 200px; - width: 100%; - max-width: 500px; - max-height: 200px; - background-color: var(--col1); - color: var(--col8); - border: 2px solid var(--col8); - padding: 10px; - font-family: var(--fontfamily1); - margin-bottom: 10px; -} - -.section5 .container .form form input[type="submit"] { - width: 130px; - height: 48px; - background-color: var(--col1); - border: 2px solid var(--col8); - color: var(--col8); - font-family: var(--fontfamily1); - font-weight: 600; - outline: none; -} - -.section5 .container .form form input[type="submit"]:hover { - background-color: var(--col8); - border: 2px solid var(--col1); - color: var(--col1); -} - -footer { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - position: relative; - width: 100%; - height: auto; - padding: 20px 0px; - background-color: var(--col8); - color: var(--col4); -} - -footer .footer-container { - --hfonts: 35px; - --tfonts: 16px; - --ifonts: 14px; - --fweight: 400; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - width: 90%; - max-width: 1300px; -} - -footer .footer-container .contact { - --width: 230px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-flex: 1; - -ms-flex: 1 0 var(--width); - flex: 1 0 var(--width); - max-width: var(--width); - margin: 20px 20px; - color: var(--color); -} - -footer .footer-container .contact .address { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - height: 85px; - width: 100%; - margin-bottom: 10px; -} - -footer .footer-container .contact .address h1 { - color: white; - font-family: var(--fontfamily2); - font-size: var(--hfonts); - font-weight: var(--fweight); -} - -footer .footer-container .contact .address p { - font-size: var(--tfonts); - font-weight: 300; -} - -footer .footer-container .contact .contact-no { - width: 100%; - height: 100px; - font-size: var(--tfonts); - line-height: 30px; - font-weight: 300; -} - -footer .footer-container .link { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - margin: 20px 20px; - -webkit-box-flex: 0; - -ms-flex: 0 0 240px; - flex: 0 0 240px; -} - -footer .footer-container .link h1 { - color: white; - font-family: var(--fontfamily2); - font-size: var(--hfonts); - font-weight: var(--fweight); - margin-bottom: 10px; -} - -footer .footer-container .link ul { - font-weight: 300; - list-style: none; - font-size: var(--tfonts); - line-height: 30px; -} - -footer .footer-container .link ul a { - color: var(--col4); - text-decoration: none; -} - -footer .footer-container .form { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-flex: 1; - -ms-flex: 1 0 388px; - flex: 1 0 388px; - max-width: 380px; - margin: 20px 20px; -} - -footer .footer-container .form h1 { - color: white; - font-family: var(--fontfamily2); - font-size: var(--hfonts); - font-weight: var(--fweight); -} - -footer .footer-container .form .input { - position: relative; -} - -footer .footer-container .form .input input { - width: 80%; - height: 35px; - padding-left: 40px; - font-size: var(--ifonts); - outline: none; - background-color: #ffffff5d; - border: none; - border-radius: 5px; - font-weight: 500; - color: white; -} - -footer .footer-container .form .input ::-webkit-input-placeholder { - color: white; -} - -footer .footer-container .form .input :-ms-input-placeholder { - color: white; -} - -footer .footer-container .form .input ::-ms-input-placeholder { - color: white; -} - -footer .footer-container .form .input ::placeholder { - color: white; -} - -footer .footer-container .form .input svg { - position: absolute; - left: 8px; - top: 8px; - width: 15px; - fill: white; -} - -footer .footer-container .form input[type="submit"] { - outline: none; - width: 30%; - height: 30px; - font-size: var(--ifonts); - color: var(--col8); - text-align: center; - padding-left: 0px; - -webkit-transition: all 0.3s; - transition: all 0.3s; -} - -footer .footer-container .form input[type="submit"]:hover { - background-color: var(--col8); - border: 1px solid var(--col4); - color: var(--col4); -} - -@media (max-width: 520px) { - .section3 .container .projects-box { - width: 100%; - max-width: 300px; - min-width: 90px; - } - .section4 .container .picture { - margin: 50px 50px; - } - .section4 .container .about { - -webkit-box-flex: 1; - -ms-flex: 1 0 90px; - flex: 1 0 90px; - margin: 0px 20px; - } - .section4 .container .about p:nth-child(1) { - font-size: 30px; - } - .section4 .container .about p:nth-child(2) { - font-size: 20px; - } - .section4 .container .about p:nth-child(3) { - font-size: 16px; - } - footer .footer-container { - width: 400px; - --hfonts: 30px; - --tfonts: 16px; - --ifonts: 12px; - } - footer .footer-container .contact { - --width: 200px; - } - footer .footer-container .form { - -webkit-box-flex: 1; - -ms-flex: 1 0 200px; - flex: 1 0 200px; - } -} - -@media (max-width: 1018px) { - .section4 .container .socilmedia { - display: none; - } - footer .footer-container .form { - display: none; - } -} - -@media (max-width: 839px) { - header .nav1 ul a { - padding: 10px 5px; - font-size: 15px; - } - .section4 .container { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - } - .section4 .container .picture { - margin-top: 0px; - } - .section4 .container .about { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - text-align: center; - } -} - -@media (max-width: 673px) { - footer .footer-container { - width: 85%; - -webkit-box-pack: left; - -ms-flex-pack: left; - justify-content: left; - } - footer .footer-container .form { - display: none; - } -} -/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/style/style.css.map b/style/style.css.map deleted file mode 100644 index 1ae4bc2..0000000 --- a/style/style.css.map +++ /dev/null @@ -1,9 +0,0 @@ -{ - "version": 3, - "mappings": "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", - "sources": [ - "style.scss" - ], - "names": [], - "file": "style.css" -} \ No newline at end of file diff --git a/style/style.scss b/style/style.scss deleted file mode 100644 index 3cebc91..0000000 --- a/style/style.scss +++ /dev/null @@ -1,822 +0,0 @@ -:root { - --col1: #fcfcfc; - --col2: #e5e5e5; - --col3: #858585; - --col4: #eefcff; - --col5: #ff9b24; - --col6: #ffa943; - --col7: #304598; - --col8: #374c9f; - //--hfonts: 7vmax; - --btnfont: 12px; - //--fontfamily1: "Ubuntu", sans-serif; - --fontfamily1: "Raleway", sans-serif; - //--fontfamily2: "Baloo 2", cursive; - --fontfamily2: "Josefin Sans", sans-serif; - --bgcolor: transparent; - --btncolor: var(--col1); - --textcolor: var(--col1); -} -html { - overflow-x: hidden; - scroll-behavior: smooth; -} - -* { - padding: 0px; - margin: 0px; - box-sizing: border-box; -} -body { - font-family: var(--fontfamily1); - font-weight: 400; - color: var(--col3); - background-color: var(--col1); -} -header { - position: fixed; - display: flex; - align-items: center; - justify-content: space-between; - width: 100%; - height: 70px; - padding: 0px 30px; - z-index: 2; - background-color: var(--bgcolor); - transition: all 0.3s; - .main-icon { - position: relative; - width: 40px; - height: 40px; - background-repeat: no-repeat; - } - .nav1 { - ul { - display: flex; - align-items: center; - text-align: center; - list-style: none; - a { - position: relative; - padding: 10px 20px; - font-style: var(--fontfamily2); - font-size: 20px; - text-decoration: none; - color: var(--textcolor); - cursor: pointer; - span { - position: relative; - padding: 0px 8px 0px 8px; - &::before { - content: ""; - position: absolute; - width: 0px; - height: 2px; - left: 50%; - bottom: -8px; - background-color: var(--col8); - border-radius: 1px; - transition: all 0.2s; - } - &:hover::before { - width: 100%; - left: 0%; - } - } - } - } - } - .nav2 { - position: absolute; - top: 0; - right: 0; - left: 0; - bottom: 0; - text-align: center; - opacity: 0; - visibility: hidden; - transition: all 0.5s; - &::before { - content: ""; - position: absolute; - top: 0; - bottom: 0; - left: 0; - background: var(--col8); - //transform-origin: 0 0; - transform: translateX(-120%); - clip-path: polygon(100% 0, 100% 10%, 50% 100%, 0 100%, 0 0); - transition: all 0.5s; - width: 100vw; - z-index: -2; - height: 100vh; - } - ul { - position: absolute; - display: flex; - flex-direction: column; - //height: 93%; /* Should be 100%, but we have a notice message :D */ - justify-content: center; - transform: skew(-16deg); - opacity: 0; - top: -50px; - left: -260px; - width: 100vw; - height: 100vh; - transition: all 0.5s; - z-index: -1; - li { - left: 200; - display: block; - margin: 0.5rem 0; - text-align: right; - transform: skew(16deg); - a { - font-style: var(--fontfamily2); - font-size: 30px; - font-weight: 500; - text-decoration: none; - color: var(--col4); - } - } - } - } - .nav-active { - opacity: 1; - visibility: visible; - &::before { - transform: translateX(0%); - } - ul { - top: 0px; - left: -160px; - opacity: 1; - } - } - .menu { - position: relative; - z-index: 90; - height: 35px; - width: 35px; - background-size: cover; - background-repeat: no-repeat; - fill: var(--btncolor); - transition: fill 0.3s; - &:hover { - fill: var(--btncolor); - } - &:active { - fill: var(--btncolor); - } - } - .svg-active { - --btncolor: var(--col1); - } -} -.header-scroll { - --bgcolor: var(--col1); - --btncolor: var(--col8); - --textcolor: var(--col8); -} -.slider-container { - width: 100vw; - height: 100vh; - position: fixed; - top: 0; - left: 0; - background-color: rgba(0, 0, 0, 0); - visibility: hidden; - transition: all 0.5s; - z-index: 300; - .slider { - position: absolute; - transform: translateX(100%); - opacity: 0; - transition: all 0.5s; - right: 0; - height: 100vh; - width: 400px; - background-color: var(--col8); - color: var(--col4); - z-index: 100; - padding: 30px; - .icon { - position: absolute; - width: 30px; - height: 30px; - right: 50px; - top: 20px; - fill: var(--col4); - transition: all 0.3s; - &:hover { - transform: rotate(90deg); - } - } - .word { - display: flex; - flex-direction: column; - justify-content: space-between; - position: relative; - width: 100%; - height: auto; - top: 200px; - h1 { - pointer-events: none; - margin: 20px 0px; - } - p { - pointer-events: none; - } - .media { - display: flex; - justify-content: space-between; - height: 60px; - width: 250px; - margin: 50px 0px; - .icon1 { - transform: translateX(300%); - transition: all 0.5s; - opacity: 0; - height: 35px; - width: 35px; - fill: var(--col4); - &:nth-child(1) { - transition-delay: 0.2s; - } - &:nth-child(2) { - transition-delay: 0.4s; - } - &:nth-child(3) { - transition-delay: 0.6s; - } - &:nth-child(4) { - transition-delay: 0.8s; - } - } - } - } - } -} -.sc-visible { - visibility: visible; - background-color: rgba(0, 0, 0, 0.267); - .slider { - transform: translateX(0%); - opacity: 1; - .word .media .icon1 { - transform: translateX(0%); - opacity: 1; - } - } -} -//intro or home -.intro { - --width-height: 100%; - position: relative; - width: var(--width-height); - height: 100vh; - .background-img { - position: absolute; - z-index: -2; - width: var(--width-height); - height: var(--width-height); - width: 100%; - background-image: url("background.png"); - background-position: center; - background-repeat: no-repeat; - background-size: cover; - } - .overlay { - position: absolute; - width: var(--width-height); - height: var(--width-height); - background: rgba(0, 0, 0, 0.46); - z-index: -1; - } - .btn-text { - position: absolute; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - text-align: center; - user-select: none; - width: var(--width-height); - height: var(--width-height); - color: var(--col4); - h1 { - font-family: var(--fontfamily2); - padding: 0px 20px; - font-weight: 500; - line-height: 7vmax; - font-size: 7vmax; - } - p { - margin: 30px 0px 30px 0px; - font-size: calc(1rem + 1vmax); - padding: 0px 20px 0px 20px; - } - a { - padding: 10px 20px 10px 20px; - border: none; - border-radius: 3px; - font-size: var(--btnfont); - font-weight: bold; - background-color: var(--col4); - color: var(--col8); - outline: none; - text-decoration: none; - transition: all 0.3s; - &:hover { - background-color: var(--col8); - color: var(--col4); - } - } - } -} -@media (min-width: 1067px) { - .left { - transition: all 1.2s; - opacity: 0; - transform: translateX(-100%); - } - .middle { - transition: all 1s; - opacity: 0; - } - .right { - opacity: 0; - transition: all 1.2s; - transform: translateX(100%); - } - .v { - opacity: 1; - transform: translate(0%); - } -} - -.container { - position: relative; - display: flex; - flex-wrap: wrap; - justify-content: space-between; - height: auto; - width: 90%; - max-width: 1100px; - margin: 30px 0px; -} -.sec { - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; - margin: 40px 0px; -} - -//work -.section2 { - .container { - justify-content: space-evenly; - .box { - display: flex; - flex-direction: column; - align-items: center; - text-align: center; - padding: 5px 35px; - flex: 1 0 272px; - height: 230px; - max-width: 400px; - - svg { - width: 70px; - height: 70px; - fill: var(--col8); - } - a:nth-child(2) { - text-decoration: none; - font-style: var(--fontfamily2); - font-weight: 500; - font-size: 28px; - color: var(--col8); - margin: 20px 0px 10px 0px; - } - } - } -} -//portfolios -.section3 { - .section3-header { - padding: 0px 20px; - h1 { - color: var(--col8); - font-family: var(--fontfamily2); - font-size: 60px; - font-weight: 500; - margin-bottom: 15px; - text-align: center; - } - p { - text-align: center; - font-size: 20px; - } - } - .container { - justify-content: center; - .projects-box { - position: relative; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - width: 30%; - max-width: 400px; - min-width: 300px; - margin: 10px; - .disp { - position: absolute; - display: flex; - text-decoration: none; - flex-direction: column; - justify-content: center; - align-items: center; - width: 85%; - height: 85%; - background-color: white; - opacity: 0; - border-radius: 25px; - transition: opacity 0.3s ease-in-out; - padding: 20px; - text-align: center; - p:nth-child(1) { - font-family: var(--fontfamily2); - font-size: 25px; - font-weight: 500; - color: var(--col8); - } - p:nth-child(2) { - font-size: 20px; - font-weight: 400; - color: var(--col3); - } - } - img { - position: relative; - border-radius: 30px; - width: 100%; - z-index: -1; - } - &:hover .disp { - opacity: 1; - } - } - } -} -//about me -.section4 { - .banner { - position: relative; - width: 100%; - } - .container { - align-items: center; - justify-content: space-around; - .picture { - width: 20vmax; - max-width: 350px; - min-width: 200px; - border-radius: 50%; - margin: 50px 0px; - } - .about { - height: 180px; - display: flex; - flex-direction: column; - flex: 0 0 400px; - margin: 0px 70px; - p:nth-child(1) { - font-style: var(--fontfamily1); - font-weight: 500; - color: var(--col8); - font-size: 50px; - } - p:nth-child(2) { - font-style: var(--fontfamily1); - font-weight: 400; - color: var(--col6); - font-size: 30px; - margin: 0px 0px 20px 0px; - } - p:nth-child(3) { - font-size: 20px; - } - } - .socilmedia { - display: flex; - flex-direction: column; - .icon { - width: 30px; - margin: 10px 0px; - fill: var(--col8); - &:nth-child(1):hover { - fill: #1196f5; - } - &:nth-child(2):hover { - fill: #0056ff; - } - - &:nth-child(3):hover { - fill: rgb(30, 150, 58); - } - &:nth-child(4):hover { - fill: #ea4c89; - } - } - } - } -} -//contact me section -.section5 { - .banner { - position: relative; - width: 100%; - } - .container { - .contact { - flex: 1 0 280px; - max-width: 500px; - margin: 20px; - h1 { - font-family: var(--fontfamily2); - font-weight: 500; - font-size: 40px; - color: var(--col8); - margin-bottom: 10px; - } - p { - margin-bottom: 10px; - } - } - .form { - flex: 1 0 280px; - max-width: 500px; - height: 100%; - form { - display: flex; - flex-direction: column; - margin: 20px; - .inputs { - display: flex; - flex-direction: row; - justify-content: space-between; - margin: 10px 0px; - input { - outline: none; - width: 49%; - height: 40px; - background-color: var(--col1); - color: var(--col8); - border: 2px solid var(--col8); - padding-left: 10px; - font-family: var(--fontfamily1); - } - } - textarea { - outline: none; - height: 200px; - width: 100%; - max-width: 500px; - max-height: 200px; - background-color: var(--col1); - color: var(--col8); - border: 2px solid var(--col8); - padding: 10px; - font-family: var(--fontfamily1); - margin-bottom: 10px; - } - input[type="submit"] { - width: 130px; - height: 48px; - background-color: var(--col1); - border: 2px solid var(--col8); - color: var(--col8); - font-family: var(--fontfamily1); - font-weight: 600; - outline: none; - &:hover { - background-color: var(--col8); - border: 2px solid var(--col1); - color: var(--col1); - } - } - } - } - } -} -//footer section -footer { - display: flex; - justify-content: center; - position: relative; - width: 100%; - height: auto; - padding: 20px 0px; - background-color: var(--col8); - color: var(--col4); - .footer-container { - --hfonts: 35px; - --tfonts: 16px; - --ifonts: 14px; - --fweight: 400; - display: flex; - justify-content: space-between; - flex-wrap: wrap; - width: 90%; - max-width: 1300px; - .contact { - --width: 230px; - display: flex; - flex-direction: column; - flex: 1 0 var(--width); - max-width: var(--width); - margin: 20px 20px; - color: var(--color); - .address { - display: flex; - flex-direction: column; - justify-content: space-between; - height: 85px; - width: 100%; - margin-bottom: 10px; - h1 { - color: white; - font-family: var(--fontfamily2); - font-size: var(--hfonts); - font-weight: var(--fweight); - } - p { - font-size: var(--tfonts); - font-weight: 300; - } - } - .contact-no { - width: 100%; - height: 100px; - font-size: var(--tfonts); - line-height: 30px; - font-weight: 300; - } - } - .link { - display: flex; - flex-direction: column; - justify-content: space-between; - margin: 20px 20px; - flex: 0 0 240px; - h1 { - color: white; - font-family: var(--fontfamily2); - font-size: var(--hfonts); - font-weight: var(--fweight); - margin-bottom: 10px; - } - ul { - font-weight: 300; - list-style: none; - font-size: var(--tfonts); - line-height: 30px; - a { - color: var(--col4); - text-decoration: none; - } - } - } - .form { - display: flex; - flex-direction: column; - justify-content: space-between; - flex: 1 0 388px; - max-width: 380px; - margin: 20px 20px; - h1 { - color: white; - font-family: var(--fontfamily2); - font-size: var(--hfonts); - font-weight: var(--fweight); - } - .input { - position: relative; - input { - width: 80%; - height: 35px; - padding-left: 40px; - font-size: var(--ifonts); - outline: none; - background-color: #ffffff5d; - border: none; - border-radius: 5px; - font-weight: 500; - color: white; - } - ::placeholder { - color: white; - } - svg { - position: absolute; - left: 8px; - top: 8px; - width: 15px; - fill: white; - } - } - input[type="submit"] { - outline: none; - width: 30%; - height: 30px; - font-size: var(--ifonts); - color: var(--col8); - text-align: center; - padding-left: 0px; - transition: all 0.3s; - &:hover { - background-color: var(--col8); - border: 1px solid var(--col4); - color: var(--col4); - } - } - } - } -} -//portfolio box and picture text size -@media (max-width: 520px) { - .section3 .container .projects-box { - width: 100%; - max-width: 300px; - min-width: 90px; - } - .section4 .container { - .picture { - margin: 50px 50px; - } - .about { - flex: 1 0 90px; - margin: 0px 20px; - p:nth-child(1) { - font-size: 30px; - } - p:nth-child(2) { - font-size: 20px; - } - p:nth-child(3) { - font-size: 16px; - } - } - } - footer .footer-container { - width: 400px; - --hfonts: 30px; - --tfonts: 16px; - --ifonts: 12px; - .contact { - --width: 200px; - } - .form { - flex: 1 0 200px; - } - } -} -//socialmedia icon invisible -@media (max-width: 1018px) { - .section4 .container .socilmedia { - display: none; - } - footer .footer-container .form { - display: none; - } -} -//nav and picture's -@media (max-width: 839px) { - header .nav1 ul a { - padding: 10px 5px; - font-size: 15px; - } - .section4 .container { - justify-content: center; - .picture { - margin-top: 0px; - } - .about { - align-items: center; - text-align: center; - } - } -} -//footer text align -@media (max-width: 673px) { - footer .footer-container { - width: 85%; - justify-content: left; - .form { - display: none; - } - } -}