diff --git a/index.html b/index.html index b7d22612..e824651b 100644 --- a/index.html +++ b/index.html @@ -52,10 +52,15 @@ emailjs.init("oUbB-IqXyvbW5JlV9"); })(); + + + + + -
+
@@ -212,8 +217,8 @@

required /> - + diff --git a/main.css b/main.css index 8278bc8f..98910955 100644 --- a/main.css +++ b/main.css @@ -1073,8 +1073,9 @@ body.night { .contact-form-txt, .contact-form-email, -.contact-form-phone, -.contact-form-txtarea { + +.contact-form-txtarea +{ height: 40px; color: #000; border: 2px solid #bcbcbc; @@ -1911,4 +1912,15 @@ input:checked+.slider:before { ::-webkit-scrollbar-thumb { background: linear-gradient(#1f3959, rgb(10, 21, 56)); border-radius: 10px; +} +.contact-form-phone{ + height: 40px; + width: 75rem; + color: #000; + border: 2px solid #bcbcbc; + border-radius: 10px; + outline: none; + margin-bottom: 20px; + padding: 15px; + transition: border-color 0.3s ease, box-shadow 0.3s ease; } \ No newline at end of file diff --git a/main.js b/main.js index 159613db..546b13e5 100644 --- a/main.js +++ b/main.js @@ -1,4 +1,26 @@ -// Smooth scrolling when clicking the Explore Projects button done by https://github.com/Mahimatestgithub +// Smooth scrolling when clicking the Explore Projects button done by https://github.com/ + +//............Code done by github - mayanksaininh..................................... +const phoneInput = document.querySelector("#phoneInput"); + + // Initialize intlTelInput + const iti = window.intlTelInput(phoneInput, { + utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.12/js/utils.min.js" + }); + + // Set initial country based on the user's location + iti.promise.then(() => { + const countryCode = iti.getSelectedCountryData().iso2; + iti.setCountry(countryCode); + }); + + // Listen for the country change event + phoneInput.addEventListener("countrychange", function() { + const countryCode = iti.getSelectedCountryData().iso2; + console.log("Selected country code:", countryCode); + }); + +//.................. mayanksaininh............................................... document .querySelector(".explore-button") .addEventListener("click", function (e) {