From ac9ce2d783080e5258d7932fce00794d0fa0e2b0 Mon Sep 17 00:00:00 2001 From: Sanprit07 Date: Wed, 29 Oct 2025 23:15:04 +0530 Subject: [PATCH] add my portfolio --- Sanprit/bgimg.jpg | Bin 0 -> 14119 bytes Sanprit/index.html | 395 +++++++++++++++++++ Sanprit/script.js | 87 ++++ Sanprit/style.css | 964 +++++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 1446 insertions(+) create mode 100644 Sanprit/bgimg.jpg create mode 100644 Sanprit/index.html create mode 100644 Sanprit/script.js create mode 100644 Sanprit/style.css diff --git a/Sanprit/bgimg.jpg b/Sanprit/bgimg.jpg new file mode 100644 index 0000000000000000000000000000000000000000..4a4fc09c00472676584dec3b7e234749941a7f42 GIT binary patch literal 14119 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 h8GMorXI$jz{kE) literal 0 HcmV?d00001 diff --git a/Sanprit/index.html b/Sanprit/index.html new file mode 100644 index 00000000..fcda87ca --- /dev/null +++ b/Sanprit/index.html @@ -0,0 +1,395 @@ + + + + + + + Sanprit - Portfolio + + + + + + + + +
+ +
+
+
+
+ + S + A + N + P + R + I + T + _ + D + + +
+
+
+
+ +
+
+ +
+ +
+
+

+ + + + SKILLS +

+ +
+
C++
+
Comp Coding
+
Cloud Dev
+
Web Dev
+
Java
+
Digital Marketing
+
+ +
+ +
+

+ + + + EDUCATION +

+
+
+
+ +

Designation

+

Company Name

+
Month YYYY - Month YYYY
+ +

Lorem Ipsum is simply dummy text of the + printing and + typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the + 1500s, when an + unknown printer took a galley of type and scrambled it to make a type specimen book.

+
+
+
+
+ +

Degree

+

Institute Name

+
Month YYYY - Month YYYY
+

Lorem Ipsum is simply dummy text of the + printing and + typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the + 1500s, when an + unknown printer took a galley of type and scrambled it to make a type specimen book.

+
+
+
+
+ +

Designation

+

Company Name

+
Month YYYY - Month YYYY
+ +

Lorem Ipsum is simply dummy text of the + printing and + typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the + 1500s, when an + unknown printer took a galley of type and scrambled it to make a type specimen book.

+
+
+ +
+ + + +
+

+ + + + EXPERIENCE +

+
+
+
+ +

Designation

+

Company Name

+
Month YYYY - Month YYYY
+ +

Lorem Ipsum is simply dummy text of the + printing and + typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the + 1500s, when an + unknown printer took a galley of type and scrambled it to make a type specimen book.

+
+
+
+
+ +

Degree

+

Institute Name

+
Month YYYY - Month YYYY
+

Lorem Ipsum is simply dummy text of the + printing and + typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the + 1500s, when an + unknown printer took a galley of type and scrambled it to make a type specimen book.

+
+
+
+
+ +

Designation

+

Company Name

+
Month YYYY - Month YYYY
+ +

Lorem Ipsum is simply dummy text of the + printing and + typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the + 1500s, when an + unknown printer took a galley of type and scrambled it to make a type specimen book.

+
+
+
+
+ +

Degree

+

Institute Name

+
Month YYYY - Month YYYY
+

Lorem Ipsum is simply dummy text of the + printing and + typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the + 1500s, when an + unknown printer took a galley of type and scrambled it to make a type specimen book.

+
+
+
+ + +
+ +
+

+ + + + PROJECTS +

+
+
+
+
+

Project-1

+

+ Lorem ipsum, dolor sit amet consectetur adipisicing elit. Hic adipisci recusandae + +

+
+
+
+

01

+
+
+
+
+
+

Project-2

+

+ Lorem ipsum, dolor sit amet consectetur adipisicing elit. Hic adipisci recusandae + +

+
+
+
+

02

+
+
+
+
+
+

Project-3

+

+ Lorem ipsum, dolor sit amet consectetur adipisicing elit. Hic adipisci recusandae + +

+
+
+
+

03

+
+
+ +
+
+ +
+

+ + + + CONTACT +

+
+

Contact Form

+
+ + + +
+
+
+ + First Name + + +
+
+
+
+ + Last Name + + +
+
+
+
+
+
+ + Email + + +
+
+
+
+ + Mobile + + +
+
+
+
+
+ +
+ + + Type Your Text Here... + + + +
+
+
+ +
+
+ +

+ +
+
+
+ +
+
+ +
+
+
+ + + + + + diff --git a/Sanprit/script.js b/Sanprit/script.js new file mode 100644 index 00000000..b8eb4f61 --- /dev/null +++ b/Sanprit/script.js @@ -0,0 +1,87 @@ +// set up text to print, each item in array is new line +var aText = new Array( + // " I am fresher and speaking of which gives me a tinch of confidence about writing the next line that I am even a good listener and fast learner as I have recently completed my second year and wanted to get my hands into the actual field and get to learn some real-world skills by applying them." + "Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum." +); +var iSpeed = 100; // time delay of print out +var iIndex = 0; // start printing array at this posision +var iArrLength = aText[0].length; // the length of the text array +var iScrollAt = 20; // start scrolling up at this many lines + +var iTextPos = 0; // initialise text position +var sContents = ''; // initialise contents variable +var iRow; // initialise current row + +function typewriter() { + sContents = ' '; + iRow = Math.max(0, iIndex - iScrollAt); + var destination = document.getElementById("typedtext"); + + while (iRow < iIndex) { + sContents += aText[iRow++] + '
'; + } + destination.innerHTML = sContents + aText[iIndex].substring(0, iTextPos) + "_"; + if (iTextPos++ == iArrLength) { + iTextPos = 0; + iIndex++; + if (iIndex != aText.length) { + iArrLength = aText[iIndex].length; + setTimeout("typewriter()", 500); + } + } else { + setTimeout("typewriter()", iSpeed); + } +} + + +typewriter(); + +// var beepOne = $("#beep")[0]; +// $(".loader") +// .mouseenter(function () { +// beepOne.play(); +// }); + +//POPUP EVENT +let popup = document.getElementById("popup"); +function openPopup() { + // function required() { + // var empt = document.forms["form1"]["lastName"]["email"]["mobile"]["textarea"].value; + // if (empt == "") { + // alert("Please input a Value"); + // return false; + // } + // else { + + // return true; + // } + // } + popup.classList.add("open-popup"); +} +function closePopup() { + popup.classList.remove("open-popup"); +} + +// window.onscroll = function () { myFunction() }; + +// // Get the navbar +// var navbar = document.getElementById("navbar"); + +// // Get the offset position of the navbar +// var sticky = navbar.offsetTop; + +// // Add the sticky class to the navbar when you reach its scroll position. Remove "sticky" when you leave the scroll position +// function myFunction() { +// if (window.pageYOffset >= sticky) { +// navbar.classList.add("sticky") +// } else { +// navbar.classList.remove("sticky"); +// } +// } + +//Get Data +// const firstNameInput = document.querySelector("#firstname"); +// const lastNameInput = document.querySelector("#lastname"); +// const emailInput = document.querySelector("#email"); +// const mobileInput = document.querySelector("#mobile"); +// const messageInput = document.querySelector("#message"); diff --git a/Sanprit/style.css b/Sanprit/style.css new file mode 100644 index 00000000..823a031a --- /dev/null +++ b/Sanprit/style.css @@ -0,0 +1,964 @@ +header{ + background-color: #b3adad; +} +body{ + margin: 0px; + font-family: sans-serif; + font-size: 30px; + overflow-x: hidden; +} + +html{ + scroll-behavior: smooth; +} + +/* Body header */ +#navbar { + position: fixed; + top: 0; + width: 100%; + visibility: transparent; + z-index: 10; + color: gray; +} + + + +#body-header { + height: 72vh; + background-image: url("./bgimg.jpg"); + background-size: cover; + background-position: center; + opacity: 0.9; + background-attachment: fixed; +} + + + +.horizontal-list{ + list-style: none; + padding-left: 0px; + margin: 0px; +} +.horizontal-list li { + display:inline-block; + margin: 0px 12px 12px 0px; + font-family: Verdana, sans-serif; +} + +.horizontal-list li a{ + color: rgb(93, 70, 70); + font-size: 20px; + text-decoration: none; + transition: color 1s, border-bottom 1s, text-shadow 1s ; +} +.horizontal-list li a:hover{ + color: rgb(135, 127, 127); + border-bottom: 1px solid lightcoral; + text-shadow: 0 0 15px #fff; +} +.text-center{ + text-align: center; +} +a:link{ + text-decoration: none; } + + +.content{ + border-color: #fffdfd; + position: relative; + width: 1000px; + height: 250px; + margin: auto; + box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5); + border-radius: 15px; + background: rgba(68, 60, 60, 0.1); + overflow: hidden; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + border-top: 1px solid rgba(48, 40, 40, 0.5); + border-left: 1px solid rgba(255, 255, 255, 0.5); + backdrop-filter: blur(5px); + +} +#name-social-container{ + margin-top: 10vh; +} + +.loader{ + position: relative; +} +.loader span{ + position: relative; + font-size: 2em; + color: #e8e1e1; + display: inline-block; + text-transform: uppercase; + animation: animate 2s ease-in-out infinite; + animation-delay: calc(0.1s * var(--i)); + animation-play-state: paused; +} +.loader:hover span{ + animation-play-state: running; + color: #f3b2b2; + text-shadow: 0 0 5px #fff; + + +} +@keyframes animate { + 0%,40%,100% + { + transform: translateY(0); + } + 20% + { + transform: translateY(-50px); + } +} + +.social-icons{ + list-style: none; + padding-left: 0px; + margin: 0px; + cursor: pointer; + transition : 0.5s; +} +.social-icons li { + position: relative; + list-style: none; + width: 40px; + height: 40px; + display:inline-block; + margin: 0px 12px 12px 0px; + font-family: Verdana, sans-serif; + gap: 12px; + padding: 5px; + margin: 5px; +} + +.social-icons li a{ + position: relative; + text-decoration: none; + +} +.social-icons li a i { + color: grey; + padding: 10px; + font-size: 2rem; + border-radius: 50%; +} +.social-icons li a i:hover { + box-shadow: 0px 0px 6px 4px rgba(136, 44, 44, 0.3); + font-size : 2rem; + color: var(--clr); + filter: drop-shadow(0 0 20px var(--clr)) drop-shadow(0 0 40px var(--clr)) drop-shadow(0 0 60px var(--clr)); +} + +section{ + width: 100%; + display: flex; + display:auto; + flex-direction: column; + align-items: center; +} + +section:nth-child(2n){ + background-color: lightgrey; +} +section:nth-child(2n+1){ + background-color: #a5a3a3; +} + +.section-heading{ + width:auto; + padding : 20px 10px 10px; + margin: 10px auto; + font-weight: 400; +} + +.section-heading span{ + font-size: 40px; + /* color: #FD0000; */ + color: #9c0304; + display: inline-block; + padding-top: 10px; + margin-right: 0.5rem; +} + + + + +/* About */ + +#about{ + height: 70vh; + width: 100%; + position: relative; +} +#skills{ + height: 70vh; + width: 100%; + position: relative; +} +#about{ + height: 60vh; + width: 100%; + position: relative; +} +#about{ + height: 60vh; + width: 100%; + position: relative; +} +#about{ + height: 60vh; + width: 100%; + position: relative; +} +/* */ + +.about-para{ + + width: 1000px; + height: 600px; + margin: auto; + margin-top: 5vh; + padding: 10px; + width: 70%; + height: 100%; + margin: auto; + font-family: Arial, Helvetica, sans-serif; + text-align: justify; + color: grey(153, 148, 148); + line-height: 28px; + font-weight: 100; + font-size: 1.1rem; +} + +/* Skills Section */ + +.skills-progress { + width: 600px; + display: flex; + flex-wrap: wrap; + justify-content: space-around; +} + +.skills-progress .btn { + position: relative; + width: 255px; + height: 50px; + margin: 20px; +} + +.skills-progress .btn a { + position: absolute; + top: 0; + left: 0; + width: 109%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + background:rgba(255, 255, 255, 0.05); + box-shadow: 0 15px 35px rgba(0,0,0,0.2); + border-top: 1px solid rgba(255, 255, 255, 0.1); + border-bottom: 1px solid rgba(255, 255, 255, 0.1); + border-radius: 30px; + color: #d3cece; + z-index: 1; + font-weight: 400; + letter-spacing: 1px; + text-decoration: none; + overflow: hidden; + transition : 0.5s; + backdrop-filter: blur(15px); +} + +.skills-progress .btn:hover a{ + letter-spacing: 3px; +} + +.skills-progress .btn a::before +{ + content: ''; + position: absolute; + top: 0; + left: 0; + width: 50%; + height : 100%; + background: linear-gradient(to left, rgba(206, 24, 24, 0.15),transparent); + transform: skewX(45deg) translateX(0); + transition : 0.5s; +} + +.skills-progress .btn:hover a::before{ + transform: skewX(45deg) translateX(100%); +} + +.skills-progress .btn::before{ + content:''; + position: absolute; + left: 50%; + transform: translateX(-50%); + bottom: -6px; + width: 30px; + height: 10px; + /* background: #f00; */ + background: #9c0304; + border-radius:10px; + transition: 0.5s; + transition-delay: 0s; +} + +.skills-progress .btn:hover::before{ + bottom: 0; + height: 50%; + width: 80%; + border-radius: 30px; + transition-delay: 0.5s; +} + +.skills-progress .btn::after{ + content:''; + position: absolute; + left: 50%; + transform: translateX(-50%); + top: -3px; + width: 30px; + height: 10px; + /* background: #f00; */ + background: #e10303; + border-radius:10px; + transition: 0.5s; + transition-delay: 0s; +} + +.skills-progress .btn:hover::after{ + top: 0; + height: 50%; + width: 80%; + border-radius: 30px; + transition-delay: 0.5s; +} + +/* timeline */ +.timeline-education{ + position: relative; + margin: auto; + width: 100%; + /* border: 2px solid black; */ +} + + +.timeline-education-box{ + position: relative; + margin: 5px; + width: 40%; + left: 5%; + min-height: 150px; + /* min-width: 150px; */ + /* border: 2px solid black; */ +} + +.timeline-education-box:nth-child(2n) +{ + left: 53%; +} + +.timeline-education-divider{ + position: absolute; + height: 75%; + width: 0; + border: 4px dashed grey; + top: 10%; + left: 50%; +} + +.timeline-education-traveller{ + position: sticky; + top: 25%; + margin-top:-3vh; + margin-left: -0.2vh; + transform: rotate(90deg); +} + +.timeline-education-traveller { + position: sticky; + top: 25%; + margin-top:-5vh; + transform: rotate(90deg); + z-index: 1; +} + +.timeline-education-box:nth-child(1)::after{ + content:''; + position: absolute; + top: 30%; + right: -14%; + border-radius: 50%; + width: 0.9rem; + height: 0.9rem; + background-color: #9c0304; + z-index: 1; + margin-top:-2vh; +} +.timeline-education-box:nth-child(3)::after{ + content:''; + position: absolute; + top: 30%; + right: -14%; + border-radius: 50%; + width: 0.9rem; + height: 0.9rem; + background-color: #9c0304; + z-index: 1; + margin-top:9vh; +} + +.timeline-education-box:nth-child(2n)::after{ + content:''; + position: absolute; + top: 30%; + left: -9%; + border-radius: 50%; + width: 0.9rem; + height: 0.9rem; + background-color: #9c0304; + z-index: 1; + margin-top:3.3vh; +} + + +.timeline-education-container { + padding: 8px; +} + +.timeline-education-logo { + position: absolute; + margin-left: 75%; + margin-top: 5%; + width: 50px; + overflow: hidden; +} + +.timeline-education-logo > img { + width: 100%; +} + +#timeline-education-divider { + position: absolute; + width: 0; + top: 10%; + left: 50%; + border: 1px dashed #0096fa6b; + height: 66%; + color: #433E3F; +} + +#timeline-education-divider .timeline-education-traveller { + position: sticky; + top: 135px; + z-index: 2; +} +.timeline{ + position: relative; + margin: auto; + width: 100%; + /* border: 2px solid black; */ +} + +.timeline-box{ + position: relative; + margin: 5px; + width: 40%; + left: 5%; + min-height: 150px; + /* border: 2px solid black; */ +} + +.timeline-box:nth-child(2n) +{ + left: 53%; +} + +.timeline-divider{ + position: absolute; + height: 75%; + width: 0; + border: 4px dashed rgb(101, 77, 77); + top: 10%; + left: 50%; +} + +.timeline-traveller{ + position: sticky; + top: 25%; + margin-top:-3vh; + margin-left: -0.2vh; + transform: rotate(90deg); +} + +.timeline-traveller { + position: sticky; + top: 25%; + margin-top:-5vh; + transform: rotate(90deg); + z-index: 1; +} + +.timeline-box:nth-child(2n+1)::after{ + content:''; + position: absolute; + top: 30%; + right: -14%; + border-radius: 50%; + width: 0.9rem; + height: 0.9rem; + background-color: #9c0304; + z-index: 1; + margin-top:2.7vh; +} + +.timeline-box:nth-child(2n)::after{ + content:''; + position: absolute; + top: 30%; + left: -9%; + border-radius: 50%; + width: 0.9rem; + height: 0.9rem; + background-color: #9c0304; + z-index: 1; + margin-top:3.3vh; +} + + +.timeline-container { + padding: 8px; +} + +.timeline-logo { + position: absolute; + margin-left: 75%; + margin-top: 5%; + width: 50px; + overflow: hidden; +} + +.timeline-logo > img { + width: 100%; +} + +#timeline-divider { + position: absolute; + width: 0; + top: 10%; + left: 50%; + border: 1px dashed #0096fa6b; + height: 66%; + color: #433E3F; +} + +#timeline-divider .timeline-traveller { + position: sticky; + top: 135px; + z-index: 2; +} + +.experience-designation { + font-size: 1.4rem; + +} + +.experience-company-name { + margin: 5px 0 0; + color: #9c0304; + font-weight: 400; + font-size: 1.2rem; +} + +.experience-duration { + color: #9e9b9b; + font-weight: 100; + color: grey; + font-size: 1rem; +} + +.experience-description { + font-size: 14px; + padding: 2px; + color: rgb(38, 33, 33); + line-height: 20px; +} + + +.education-designation { + font-size: 1.4rem; +} + +.education-institute-name { + margin: 5px 0 0; + color: #9c0304; + font-weight: 400; + font-size: 1.2rem; +} + +.education-duration { + color: #9e9b9b; + font-weight: 100; + color: grey; + font-size: 1rem; +} + +.education-description { + font-size: 14px; + padding: 2px; + color: grey; + line-height: 20px; +} + +.text-align-justify { + text-align: justify; +} + + + +.card-container{ + width:1200px; + position: relative; + display: flex; + flex-wrap: wrap; + gap: 10px; + margin: 0 auto; +} + +.card-container .card{ + position: relative; + height: 400px; + width: 300px; + margin: 0 auto; + background: #fff; + box-shadow: 0 15px 60px rgba(0,0,0,.5); + margin-bottom: 5vh; + /* margin: 0 auto; */ +} + +.card-container .card .face{ + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; +} + +.card-container .card .face.face-1{ + box-sizing: border-box; + padding: 20px; +} + +.card-container .card:nth-child(1) .face.face-1{ + background: linear-gradient(45deg, #af1313,#a7a3b4); +} +.card-container .card:nth-child(2) .face.face-1{ + background: linear-gradient(45deg, #af1313,#f5dad1); +} +.card-container .card:nth-child(3) .face.face-1{ + background: linear-gradient(45deg, #af1313,#394f85); +} +.card-container .card:nth-child(4) .face.face-1{ + background: linear-gradient(45deg, #af1313,#282f3f); +} + +.card-container .card .face.face-1 h2{ + margin: 0; + padding: 0; + justify-content: center; +} + +.card-container .card .face.face-2{ + background : #000000; + transition: 0.5s; +} + +.card-container .card:hover .face.face-2{ + height:60px; +} + +.card-container .card .face.face-2:before{ + content: ''; + position: absolute; + top: 0; + left: 0; + width: 50%; + height: 100%; + background: rgba(255, 255, 255, .1); +} + + +.card-container .card .face.face-2 h2{ + margin: 0; + padding: 0; + font-size: 10em; + color: #fff; + transition: 0.5s; + text-shadow: 0 2px 5px rgba(0,0,0,.1); +} + +.card-container .card:hover .face.face-2 h2{ + font-size: 2em; +} + + + +#contact{ + display:flex; + justify-content: center; + align-items: center; + min-height: 100vh; + padding:0px; + width: 100%; +} + +#contact::before{ + content: ''; + position: absolute; + width: 350px; + height: 350px; + background: linear-gradient(#af1313,#a7a3b4); + border-radius: 50%; + transform: translate(-470px,-100px); +} +#contact::after{ + content: ''; + position: absolute; + width: 300px; + height: 300px; + background: linear-gradient(#af1313,#1a4466); + border-radius: 50%; + transform: translate(500px,215px); +} + +.contact-container{ + position: relative; + z-index: 10; + width: 100%; + max-width: 1000px; + height: 460px; + padding: 50px; + background:rgba(255, 255, 255, 0.1); + box-shadow: 0 25px 45px rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.25); + border-right: 1px solid rgba(255, 255, 255, 0.1); + border-bottom: 1px solid rgba(255, 255, 255, 0.1); + border-radius: 10px; + overflow: hidden; + backdrop-filter: blur(15px); +} + +.contact-container::before{ + content: ''; + position: absolute; + top: 0; + left: -40%; + width: 100%; + height: 100%; + background: rgba(255, 255, 255, 0.05); + pointer-events: none; + transform: skewX(-15deg); +} + +.contact-container h2{ + width: 100%; + text-align: center; + color: #8a2424; + font-size: 36px; + margin-bottom : 20px; +} + +.contact-container .row100{ + position: relative; + width: 100%; + display: grid; + grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); +} +.contact-container .row100 .col{ + position: relative; + width: 100%; + padding: 0 10px; + margin: 30px 0 20px; +} + +.contact-container .row100 .col .inputBox{ + position: relative; + width: 100%; + height: 40px; + font-size: 15px; +} + +.contact-container .row100 .col .inputBox input, +.contact-container .row100 .col .inputBox textarea{ + position: absolute; + width: 100%; + height: 100%; + background : transparent; + box-shadow: none; + border: none; + outline: none; + font-size: 15px; + padding: 0 10px; + z-index: 1; + color: #111; +} + +.contact-container .row100 .col .inputBox .text{ + position: absolute; + top: 0; + left: 0; + line-height: 40px; + font-size: 15px; + padding: 0 10px; + display: block; + transition: 0.5s; + pointer-events: none; +} + +.contact-container .row100 .col .inputBox input:focus + .text, +.contact-container .row100 .col .inputBox input:valid + .text, +.contact-container .row100 .col .inputBox textarea:focus + .text, +.contact-container .row100 .col .inputBox textarea:valid + .text{ + top: -35px; + left: -10px; +} + +.contact-container .row100 .col .inputBox .line{ + position: absolute; + bottom: 0; + display: block; + width: 95%; + height: 2px; + background : #fff; + transition: 0.5s; + border-radius: 2px; + pointer-events: none; +} + +.contact-container .row100 .col .inputBox input:focus ~ .line, +.contact-container .row100 .col .inputBox input:valid ~ .line{ + height: 100%; +} + +.contact-container .row100 .col .inputBox .textarea { + position: relative; + width: 100%; + height: 100%; + padding: 10px 0; +} + +.contact-container .row100 .col .inputBox textarea:focus ~ .line, +.contact-container .row100 .col .inputBox textarea:valid ~ .line{ + height: 100%; +} + +.contact-container .row100 .col input[type="submit"]{ + border: none; + padding : 10px 40px; + cursor: pointer; + outline: none; + background : #fff; + color : #000; + font-weight : 600; + font-size : 18px; + border-radius: 3px; + justify-content : center; + align-items : center; +} + +.popup{ + width : 400px; + min-height : 250px; + background : #fff; + border-radius: 16px; + position: absolute; + top : 0; + left : 50%; + transform: translate(-50%, -50%)scale(0.1); + text-align: center; + justify-content: center; + /* font-size: 12px; */ + padding: auto; + color: #333; + visibility: hidden; + transition: transform 0.4s, top 0.4s; +} + +.popup h2{ + color: #333; + font-size: 27px; + font-weight: 500; +} +.popup p{ + color: #333; + font-size: 15px; + font-weight: 500; +} + +.open-popup{ + visibility: visible; + top: -10%; + transform: translate(-50%, -50%)scale(1); + z-index: 3; +} + +.popup img{ + width: 100px; + margin-top: -50px; + border-radius: 50%; + box-shadow: 0 2px 5px rgba(0,0,0,0.2); +} + +.popup button{ + width: 80%; + margin: auto; + /* margin-top: -9vh; */ + padding: 7px; + background : #b32d2d; + color : #fff; + border: 0; + outline: 0; + font-size: 18px; + border-radius:7px; + cursor: pointer; + box-shadow: 0 5px 5px rgba(0,0,0,.2); +} + + +@media (max-width: 768px){ + + #contact::before + { + transform: translate(-200px,-180px); + } + #contact::after + { + transform: translate(-200px,-180px); + } + .contact-container + { + padding : 20px; + } + .contact-container h2 + { + font-size :28px; + } +} + + + +