From 4cf31d8e0607596a042b0cb955b8a5d07775c79b Mon Sep 17 00:00:00 2001 From: PINAK V Date: Sun, 3 Nov 2024 13:04:36 +0530 Subject: [PATCH 1/4] favicon-added --- profile.html | 721 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 721 insertions(+) diff --git a/profile.html b/profile.html index 04c98ed5..8e0fc81f 100644 --- a/profile.html +++ b/profile.html @@ -5,6 +5,7 @@ Profile Page +<<<<<<< HEAD @@ -13,6 +14,238 @@ +======= + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +>>>>>>> b5994ea (favicon-added)
@@ -51,7 +284,495 @@

User Profile

+<<<<<<< HEAD +======= + +
+ +
+
+
+
+
+ + + + + + + + +
+
+
+
+ +
+
+ +
+

Your Profile

+ + + +
+
+ Profile Image + +
+

Skylar Reed

+

Email: skylar.reed@example.com

+

Phone: +987 654 3210

+

Joined: October 31, 2024

+

About Me: Hello!πŸ™‹πŸ»β€β™‚οΈ Feel free to reach out to me at skylar.reed@example.com 😎

+

Last active: 31/10/2024, 11:12 PM

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

Account Details

+
+
+

Address

+

789 Pine Lane, Austin, TX 73301

+ +
+ +
+

Change Password

+

*********63

+ +
+ +
+

Privacy Settings

+

Visibility Status: Public

+ + +
+ +
+

Recent Activity

+

Updated profile information

+ + +
+ +
+
+ +
+ +

Notifications

+
+

Your profile has been updated successfully!

+ + +
+
+

Joshef Roy has sent you a friend request. Accept or decline?

+ + +
+ +
+
+ +>>>>>>> b5994ea (favicon-added) From 27178333600e5aeeefcf51dac64ba920dae6d9bc Mon Sep 17 00:00:00 2001 From: PINAK V Date: Mon, 4 Nov 2024 00:15:31 +0530 Subject: [PATCH 2/4] terms-page-mofified --- blogs/new.css | 1730 +++++++++++++++++++++++++++++++++++ blogs/terms-of-service.html | 766 +--------------- index.html | 633 +++++-------- new.css | 1165 ++++++++++++++++++++++- 4 files changed, 3148 insertions(+), 1146 deletions(-) create mode 100644 blogs/new.css diff --git a/blogs/new.css b/blogs/new.css new file mode 100644 index 00000000..b740111f --- /dev/null +++ b/blogs/new.css @@ -0,0 +1,1730 @@ + +/* General Body Styles */ +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; + + background-color: #6e7a76; + +} + +/* FAQ Section Styles */ + +.faq-section { + max-width: 1000px; + margin: 50px auto; + padding: 50px; + background-color: #f8f9fa; + border-radius: 10px; + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); +} +/* FAQ Title */ +.faq-title { + width: 100%; + text-align: center; + font-size: 34px; + font-weight: bold; + color: #333; + margin-bottom: 30px; + transition: color 0.3s ease, transform 0.3s ease; +} + +.faq-title:hover { + text-decoration: underline; + color: #007bff; + transform: scale(1.05); +} + +/* FAQ Intro Paragraph */ +.faq-intro p { + margin-top: 50px; + text-align: center; + font-size: 1.2rem; + color: #134878; + margin-bottom: 30px; +} + +/* Search Bar */ +.faq-search { + display: flex; + justify-content: center; + margin-bottom: 20px; +} + +.faq-search-input { + margin-top: 30px; + padding: 10px; + font-size: 1rem; + width: 40%; + border: 1px solid #007bff; + border-radius: 5px; + transition: border-color 0.3s ease; +} + +.faq-search-btn { + margin-top: 30px; + padding: 10px 20px; + font-size: 1rem; + margin-left: 10px; + border: none; + border-radius: 5px; + background-color: #007bff; + color: #fff; + cursor: pointer; + transition: background-color 0.3s ease, transform 0.3s ease; +} + +.faq-search-btn:hover { + background-color: #0056b3; + transform: scale(1.05); +} + +/* FAQ Progress Styles */ +.faq-container { + max-width: 1000px; + margin: 50px auto; /* Increased margin for better visibility */ + margin-top: 8%; + padding: 5%; + background-color: #2a2f35; + border-radius: 10px; + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); +} + +.progress { + height: 25px; + background-color: #e0e0e0; + margin-bottom: 20px; +} + +.progress-bar { + background-color: #007bff; + height: 100%; + width: 0; + border-radius: 5px; + text-align: center; + line-height: 25px; + color: rgb(148, 92, 92); + transition: width 0.3s ease; +} + +/* Default (light mode) styles */ +.faq-item { + margin: 20px 0; + padding: 10px; + border: 1px solid #ddd; + border-radius: 5px; + cursor: pointer; + transition: border-color 0.3s; +} + +.faq-item:hover { + border-color: #0000ff; +} + +.faq-item.read { + background-color: #595c5f; +} + +/* Dark mode styles */ +@media (prefers-color-scheme: dark) { + .faq-item { + border-color: #0000ff; /* Darker border for dark mode */ + background-color: #eee7e7; /* Darker background for dark mode */ + color: #080808; /* Light text color for dark mode */ + } + + .faq-item:hover { + border-color: lightblue; /* Light blue on hover for dark mode */ + } + + .faq-item.read { + background-color: #919191; /* Slightly lighter background for read items in dark mode */ + } +} + +.accordion-button { + background-color: #fff; + font-size: 18px; + font-weight: bold; + color: #333; + border: 1px solid #ddd; + border-radius: 12px; + padding: 20px; + transition: all 0.3s ease; + display: flex; + justify-content: space-between; + align-items: center; + } + + .accordion-button:focus { + box-shadow: none; + } + + .accordion-button:not(.collapsed) { + color: #1565C0; + background-color: #f7f7ff; + } + + .accordion-button:not(.collapsed)::after { + /* content: '-'; */ + font-size: 24px; + color: #1565C0; + } + + .accordion-button.collapsed::after { + /* content: '+'; */ + font-size: 24px; + color: #333; + } + .accordion-item { + border: none; + margin-bottom: 10px; + } + + .accordion-header { + border-radius: 12px; + } + + .accordion-body { + background-color: #f9f9f9; + font-size: 16px; + color: #666; + border-radius: 12px; + padding: 20px; + } + + /* Hover effects for better interaction */ + .accordion-button:hover { + background-color: #eef2fa; + border-color: #1565C0; + color: #1565C0; + } + + .accordion-body { + border-top: 1px solid #ddd; + } +/* Feedback Section */ +.feedback-btn { + padding: 10px 20px; + margin: 5px; + font-size: 1rem; + border: none; + border-radius: 5px; + cursor: pointer; + background-color: #007bff; + color: #fff; + transition: background-color 0.3s ease, transform 0.3s ease; +} + +.feedback-btn:hover { + background-color: #00b374; + transform: scale(1.05); +} + +/* Feedback Form Section */ +.faq-feedback { + max-width: 1000px; + margin: 50px auto; + padding: 5%; + background-color: #f8f9fa; + border-radius: 10px; + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); +} + +/* Form Group */ +.form-group { + margin-bottom: 20px; + text-align: left; +} + +.form-group label { + font-size: 1rem; + color: white; + display: block; + margin-bottom: 8px; +} + +.form-input { + width: 100%; + padding: 10px; + font-size: 1rem; + border: 1px solid #ced4da; + border-radius: 5px; + box-sizing: border-box; + transition: border-color 0.3s ease, box-shadow 0.3s ease; +} + +.form-input:focus { + /* color: white; */ + border-color: #007bff; + box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); + outline: none; +} + +.form-input:hover { + border-color: #0056b3; +} + +/* Submit Button */ +.button-container { + display: flex; + justify-content: center; + margin-top: 30px; +} +.submit-btn { + padding: 10px 20px; + text-align: center; + font-size: 1.2rem; + border: none; + border-radius: 5px; + background-color: #007bff; + color: #fff; + cursor: pointer; + transition: background-color 0.3s ease, transform 0.3s ease; +} + +.submit-btn:hover { + background-color: #0056b3; + transform: scale(1.05); +} + +.submit-btn:focus { + outline: none; + box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); +} + +/* Mobile Responsive */ +@media (max-width: 768px) { + .form-input { + width: 100%; + } +} + +/* Toggle Button Styles */ +.toggle-button { + padding: 0.5em 1em; + cursor: pointer; + border: none; + background-color: #0c0a0a; + color: #fff; + border-radius: 5px; + transition: background-color 0.3s; +} + +.toggle-button:hover { + background-color: #555; +} + +.toggle-button.dark { + background-color: #f1f1f1; + color: #333; +} + +.toggle-button.dark:hover { + background-color: #ddd; +} + +.content { + padding: 2em; + text-align: center; +} +body.dark-mode { + background-color: #222; + color: #f1f1f1; +} + + /* Global body styles for dark theme */ + body { + background-color: white; /* Dark background */ + color: #ffffff; /* Light text color */ + font-family: Arial, sans-serif; /* Clean font */ + margin: 0; + padding: 20px; + } + + /* FAQ Container styling */ + .faq-section { + background-color: white; /* Darker container background */ + border-radius: 10px; + padding: 20px; + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); + transition: transform 0.3s ease; + } + + /* FAQ Item styles */ + .accordion-button { + background-color: #2c2c2c; /* Darker background for buttons */ + color: #ffffff; /* White text */ + border: 1px solid #4caf50; /* Green border */ + transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease; + } + + .accordion-button:hover { + background-color: #3c3c3c; /* Slightly lighter on hover */ + color: #fffbeb; /* Light color on hover */ + box-shadow: 0 0 20px rgba(76, 175, 80, 1); /* Neon glow */ + } + + .accordion-item { + margin: 10px 0; /* Spacing between items */ + } + + .accordion-body { + background-color: #2c2c2c; /* Dark background for accordion body */ + color: #e0e0e0; /* Light gray text for body */ + border-radius: 5px; + padding: 15px; + } + + /* Feedback section styles */ + .faq-feedback { + border: 2px solid #4caf50; /* Green border */ + background: white; /* Dark gradient */ + padding: 20px; + border-radius: 10px; + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); + color: #ffffff; + max-width: 800px; + margin: 20px auto; + transition: transform 0.3s ease; + } + + /* Title styling */ + .faq-title { + margin-top: 15px; + margin-bottom: 35px; + font-size: 2.0em; + font-weight: bold; + text-align: center; + text-shadow: 0 0 10px rgba(255, 255, 255, 0.7); /* Neon glow */ + margin-left: 0px; + + } + + /* Form input styles */ + .form-input { + padding: 10px; + font-size: 1em; + border: 2px solid #ffffff80; + border-radius: 5px; + outline: none; + background-color: #333; + color: #ffffff; + transition: background-color 0.3s ease, border-color 0.3s ease; + + } + + /* New CSS to change label text color to white */ + .form-group label { + color: #ffffff; /* White color for labels */ + } + + .form-input:focus { + border-color: #4caf50; /* Green border on focus */ + background-color: #444; /* Slightly lighter background on focus */ + } + + /* Button styles */ + .submit-btn { + background-color: #4caf50; /* Green background */ + color: white; /* White text */ + padding: 10px 15px; + border: none; + border-radius: 5px; + cursor: pointer; + font-size: 1.1em; + transition: background-color 0.3s ease; + } + + .submit-btn:hover { + background-color: #5cb85c; /* Lighter green on hover */ + } + + /* Search styles */ + .faq-search { + display: flex; + justify-content: center; + margin: 20px 0; + } + + .faq-search-input { + width: 70%; /* Adjusted width */ + padding: 10px; + border: 2px solid #ffffff80; + border-radius: 5px; + outline: none; + background-color: #333; /* Dark input field */ + color: #ffffff; /* Light text color */ + transition: background-color 0.3s ease, border-color 0.3s ease; + } + + .faq-search-btn { + background-color: #4caf50; /* Green background */ + color: white; /* White text */ + border: none; + border-radius: 5px; + padding: 10px 15px; + margin-left: 5px; + cursor: pointer; + transition: background-color 0.3s ease; + } + + .faq-search-btn:hover { + background-color: #5cb85c; /* Lighter green on hover */ + } + + /* Responsive styles */ + @media (max-width: 768px) { + .faq-search { + flex-direction: column; /* Stack elements on smaller screens */ + } + + .faq-search-input { + width: 100%; /* Full width on small screens */ + margin-bottom: 10px; + } + } + + .footer { + background-color: #007bff; + color: white; + padding: 40px 0; + text-align: center; + position: relative; + width: 100%; + } + + .footer-container { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + } + + .footer-container p { + margin: 5px 0; + } + + .footer-links { + display: flex; + gap: 15px; + margin-top: 10px; + } + + .footer-links a { + color: #4caf50; + text-decoration: none; + font-size: 14px; + } + + .footer-links a:hover { + text-decoration: underline; + } + + @media (min-width: 768px) { + .footer-container { + flex-direction: row; + justify-content: space-between; + max-width: 1200px; + margin: 0 auto; + padding: 0 20px; + } + + .footer-links { + margin-top: 0; + } + } + + /* FAQ section styles */ + .faq-section { + margin: 50px auto; + max-width: 900px; + padding: 20px; + } + + .faq-section h2 { + margin-top: 30px; + } + + .display-none { + display: none; +} + + + * { + cursor: url('/assets/images/ads_click_24dp_000000_FILL0_wght400_GRAD0_opsz24.svg'), auto; + } + + + .circle { + position: absolute; + width: 25px; + height: 25px; + border-radius: 50%; + pointer-events: none; + background: radial-gradient(circle, rgba(73, 232, 247, 0.466), rgba(141, 38, 172, 0.5)); + transition: transform 0.1s, left 0.1s, top 0.1s; + } + + .circle-container { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 9999; + } + + @media (max-width: 720px) { + .circle-container { + display: none; + } + } + + .scroll-btn { + position: fixed; + top: 100px; + right: 4px; + background-color: #635adc; + color: white; + border: none; + border-radius: 50%; + width: 40px; + height: 40px; + font-size: 24px; + cursor: pointer; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); + transition: background-color 0.3s; + display: flex; + z-index: 1000; + justify-content: center; + align-items: center; + } + + .scroll-btn:hover { + background-color: #555; + /* Darker blue on hover */ + } + + .dropdown-menu li a { + color: #ff5722; + /* Change this color code to any color you like */ + } + + .dropdown-menu li a:hover { + color: #0a69ed; + /* Optional: change the color on hover */ + } + + + .head-animate { + text-align: center; + position: relative; + top: 200px; + color: transparent; + -webkit-text-stroke: 2px white; + -moz-text-stroke: 2px white; + -ms-text-stroke: 2px white; + font-weight: bold; + background: url(./assets/images/back.png); + -webkit-background-clip: text; + -moz-background-clip: text; + background-clip: text; + background-position: 0 0; + animation: back 20s linear infinite, hovering 1.5s ease-in-out infinite; + } + + @keyframes back { + 100% { + background-position: 2000px 0; + } + } + + @keyframes hovering { + 0% { + transform: translateY(0); + } + + 50% { + transform: translateY(-5px); + } + + 100% { + transform: translateY(0); + } + } + + .header-hero-content h2 { + font-size: 200px; + } + + .styled-btn { + background-color: #4CAF50; + /* Green background */ + color: white; + /* White text */ + padding: 10px 20px; + /* Padding around the text */ + font-size: 16px; + /* Font size */ + border: none; + /* Remove border */ + border-radius: 8px; + /* Rounded corners */ + cursor: pointer; + /* Pointer cursor on hover */ + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); + /* Light shadow */ + transition: background-color 0.3s, transform 0.3s; + /* Smooth transition */ + margin-top: 20px; + margin-left: 280px; + + } + + .styled-btn:hover { + background-color: #45a049; + /* Darker green on hover */ + transform: scale(1.05); + /* Slightly larger on hover */ + } + + .styled-btn:active { + transform: scale(0.98); + /* Slightly smaller on click */ + } + + + #destinations { + max-width: 500px; + margin: 0 auto; + padding: 20px; + } + + #destinations h1 { + text-align: center; + font-size: 2em; + } + + .post-container { + border: 1px solid #ccc; + padding: 20px; + border-radius: 8px; + } + + #postForm { + display: flex; + flex-direction: column; + gap: 10px; + } + + #postContent { + width: 100%; + height: 100px; + padding: 10px; + resize: none; + border: 1px solid #ccc; + border-radius: 4px; + } + + + #posts { + margin-top: 20px; + } + + + /* General testimonial section styling */ + + #testimonial { + background: linear-gradient(135deg, #4b6cb7, #182848); + /* Attractive gradient background */ + padding: 120px 0; + color: #fff; + /* White font color */ + } + + .section-title .title { + font-size: 2.5rem; + color: greenyellow; + font-weight: bold; + } + + + .title:hover { + color: white; + text-decoration: dotted; + } + + /* Styling for each testimonial card */ + .single-testimonial { + background: rgba(167, 43, 43, 0.1); + /* Semi-transparent background for testimonial cards */ + padding: 20px; + border-radius: 10px; + margin-bottom: 30px; + transition: transform 0.3s ease, box-shadow 0.3s ease; + } + + .single-testimonial:hover { + transform: scale(1.05); + /* Hover effect to scale up the testimonial */ + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); + /* Add a subtle shadow on hover */ + } + + .testimonial-review .quota i { + font-size: 2rem; + color: #f7b42c; + /* Color for the quote icon */ + } + + .testimonial-review .star ul li i { + color: #ffd700; + /* Gold stars for ratings */ + } + + /* Styling for testimonial text */ + .testimonial-text p { + font-style: italic; + color: #e0e0e0; + } + + /* Author section styling */ + .testimonial-author { + margin-top: 15px; + } + + .author-image .author { + border-radius: 50%; + border: 3px solid #fff; + /* White border around the profile images */ + width: 50px; + height: 50px; + } + + .author-content h6.holder-name { + font-size: 1.2rem; + font-weight: 800; + /* Heavy font-weight for author names */ + color: #fff; + /* White font for author names */ + } + + .author-content p.text { + color: #ccc; + /* Lighter text color for author details */ + } + + /* Navigation buttons */ + #slide-buttons { + display: flex; + justify-content: space-between; + margin-top: 40px; + } + + #prevButton, + #nextButton { + background-color: transparent; + border: none; + cursor: pointer; + } + + #prevButton .arrow-left, + #nextButton .arrow-right { + display: inline-block; + width: 30px; + height: 30px; + background: linear-gradient(to bottom right, #ff7e5f, #feb47b); + /* Gradient arrows */ + border-radius: 50%; + transition: 0.3s ease; + } + + #prevButton:hover .arrow-left, + #nextButton:hover .arrow-right { + background: linear-gradient(to bottom right, #feb47b, #ff7e5f); + /* Reverse gradient on hover */ + } + + .form-group { + margin-bottom: 15px; + } + + .form-label { + display: block; + margin-bottom: 15px; + } + + .form-input, + .form-textarea { + width: 100%; + padding: 8px; + margin-top: 5px; + border: 1px solid #ccc; + border-radius: 4px; + } + + .form-button { + margin-left: 35%; + margin-top: 35px; + width: 150px; + font-size: 22px; + height: 70px; + border-radius: 40px; + padding: 10px 20px; + color: white; + border: none; + cursor: pointer; + } + + .form-button:hover { + background-color: #b3d6f9; + color: black; + transform: scale(0.95); + } + + .emojis label { + font-size: 30px; + cursor: pointer; + padding: 0 10px; + } + + .modal { + display: none; + position: fixed; + z-index: 999; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.5); + justify-content: center; + align-items: center; + } + + .modal-content { + background-color: white; + padding: 20px; + border-radius: 8px; + text-align: center; + position: relative; + max-width: 400px; + width: 100%; + } + + .modal-header { + margin-bottom: 10px; + } + + .modal-message { + margin-bottom: 20px; + } + + .modal-button { + background-color: #28a745; + color: white; + border: none; + padding: 10px 20px; + border-radius: 4px; + cursor: pointer; + } + + .modal-button:hover { + background-color: #218838; + } + + .modal-close { + position: absolute; + top: 10px; + right: 10px; + cursor: pointer; + font-size: 20px; + } + + #feedback-container { + width: 100%; + max-width: 500px; + margin: 0 auto; + padding: 20px; + border-radius: 8px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); + background-color: #f9f9f9; + } + + #feedback-container label i { + margin-right: 8px; + color: #555; + } + + #submit-button { + display: flex; + align-items: center; + justify-content: center; + gap: 8px; + background-color: #4CAF50; + color: white; + padding: 10px 20px; + border: none; + border-radius: 4px; + cursor: pointer; + transition: background-color 0.3s ease; + } + + #submit-button:hover { + background-color: #45a049; + } + + #success-message { + margin-top: 20px; + padding: 15px; + font-size: 1.1em; + color: #2c7a7b; + background-color: #e6fffa; + border: 1px solid #b2f5ea; + border-radius: 4px; + display: none; + /* Initially hidden */ + } + + .hidden { + display: none; + } + + #user-feedback-form { + display: flex; + flex-direction: column; + } + + /* Header styles */ + #form-header { + margin-bottom: 20px; + } + + /* Title styles */ + #title-wrapper { + margin-bottom: 20px; + } + + #feedback-title { + font-size: 24px; + /* Title size */ + margin-bottom: 20px; + } + + /* Input and textarea styles */ + #input-group-email, + #input-group-rating, + #input-group-comments { + margin-bottom: 15px; + } + + #input-label-name, + #input-label-email, + #input-label-rating, + #input-label-comments { + font-weight: bold; + margin-bottom: 5px; + display: block; + color: #333; + } + + #input-field-name, + #input-field-email, + #textarea-field-comments { + width: 100%; + padding: 10px; + border: 2px solid #3c2ed3; + /* Border color */ + border-radius: 5px; + transition: border-color 0.3s, box-shadow 0.3s; + /* Transition effect */ + } + + #input-field-name:focus, + #input-field-email:focus, + #textarea-field-comments:focus { + border-color: #0e8f6b; + /* Darker green on focus */ + box-shadow: 0 0 5px rgba(58, 199, 160, 0.5); + /* Focus shadow */ + outline: none; + } + + /* Emoji selection styles */ + #emoji-selection { + display: flex; + justify-content: space-around; + margin-top: 10px; + } + + #input-field-rating-1, + #input-field-rating-2, + #input-field-rating-3, + #input-field-rating-4, + #input-field-rating-5 { + display: none; + /* Hide the default radio button */ + } + + #input-field-rating-1+label, + #input-field-rating-2+label, + #input-field-rating-3+label, + #input-field-rating-4+label, + #input-field-rating-5+label { + font-size: 24px; + /* Adjust emoji size */ + cursor: pointer; + transition: transform 0.3s; + /* Transition effect */ + } + + #input-field-rating-1:checked+label, + #input-field-rating-2:checked+label, + #input-field-rating-3:checked+label, + #input-field-rating-4:checked+label, + #input-field-rating-5:checked+label { + transform: scale(1.2); + /* Scale emoji when selected */ + } + + /* Button styles */ + #submit-button { + background-color: #3c2ed3; + /* Button background */ + color: white; + padding: 10px 20px; + border: none; + border-radius: 5px; + cursor: pointer; + transition: background-color 0.3s, transform 0.3s; + /* Transition effects */ + } + + #submit-button:hover { + background-color: #28b594; + /* Darker green on hover */ + transform: translateY(-2px); + /* Lift effect */ + } + + #submit-button:active { + transform: translateY(0); + /* Reset lift effect */ + } + + /* Responsive adjustments */ + @media (max-width: 600px) { + #feedback-container { + padding: 20px; + } + + #submit-button { + width: 100%; + } + } + + body { + + font-family: Arial, sans-serif; + + } + + /* Popup Styles */ + .popup { + + display: none; + /* Hidden by default */ + position: fixed; + /* Stay in place */ + left: 0; + top: 0; + width: 100%; + /* Full width */ + height: 100%; + /* Full height */ + background-color: rgba(0, 0, 0, 0.5); + /* Black background with opacity */ + justify-content: center; + /* Center the popup */ + align-items: center; + /* Center the popup */ + z-index: 1000; + /* Sit on top */ + + } + + .popup-content { + + background: linear-gradient(rgb(133 183 242 / 80%), rgb(23 37 149)), url(your-image-url.jpg); + padding: 20px; + border-radius: 5px; + max-width: 500px; + max-height: 500px; + min-height: 410px; + text-align: center; + + } + + /* Set poll options to stack vertically */ + #pollOptions { + + display: flex; + flex-direction: column; + /* Stack buttons vertically */ + align-items: center; + /* Center the buttons */ + + } + + .poll-button { + + display: block; + /* Change to block for full-width */ + margin: 5px 0; + /* Add vertical margin */ + padding: 10px 15px; + border: none; + border-radius: 5px; + background-color: rgb(14 64 98 / 40%); + color: white; + cursor: pointer; + transition: background-color 0.3s; + width: 100%; + /* Full width */ + + } + + .poll-button:hover { + + background-color: #45a049; + /* Darker green */ + + } + + .poll-button.selected { + + background-color: #0f1e82; + /* Blue for selected */ + + } + + /* New Vote Button Styles */ + .vote-button { + + display: block; + /* Change to block for full-width */ + margin: 5px 0; + /* Add vertical margin */ + padding: 10px 15px; + border: none; + border-radius: 5px; + background-color: #f44336; + /* Red */ + color: white; + cursor: pointer; + transition: background-color 0.3s; + width: 100%; + /* Full width */ + + } + + .vote-button:hover { + + background-color: #d32f2f; + /* Darker red */ + + } + + /* Result Text Styles */ + #result { + + margin-top: 10px; + /* Add space above result text */ + word-wrap: break-word; + /* Allow long text to wrap within the box */ + overflow: hidden; + /* Prevent overflow */ + max-height: 50px; + /* Limit height to prevent overflow */ + color: rgb(255, 255, 255); + /* Set text color to red */ + + } + + .popup-nl { + + display: none; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.7); + justify-content: center; + align-items: center; + z-index: 1009; + + } + + .popup-content-nl { + + display: flex; + background-color: white; + border-radius: 10px; + max-width: 800px; + height: 450px; + width: 700px; + overflow: hidden; + position: relative; + box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); + + } + + .close1-btn-nl { + + width: 20px; + cursor: pointer; + margin: 18px 10px; + position: absolute; + top: -4px; + right: 12px; + font-size: 18px; + font-weight: 800; + + } + + .popup-left-nl img { + + width: 100%; + height: 100%; + object-fit: cover; + + } + + .popup-right-nl { + + padding: 20px; + width: 50%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + + } + + .popup-nl h1 { + + font-size: 24px; + background: linear-gradient(to right, #ff4aac, #faa2d3); + -webkit-text-fill-color: transparent; + -webkit-background-clip: text; + text-align: center; + margin-bottom: 12px; + margin-top: 35px; + + } + + .h2-nl{ + + font-size: 18px; + margin-bottom: 8px; + text-align: center; + color: #333; + + } + + .pop_up-nl { + + margin-bottom: 15px; + font-weight: bold; + background: linear-gradient(135deg, #0d4670, #32bbdc); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + font-size: 12.7px; + + } + + .bold{ + + font-size: 13.1px; + + } + + input[type="email"] { + + width: 100%; + padding: 10px; + margin-bottom: 16px; + border: 1px solid #000000; + border-radius: 5px; + font-size: 14px; + + } + + .signup-btn1-nl { + + width: 100%; + height: 40px; + text-align: center; + background: radial-gradient(circle, #f74b9f, #653b51); + color: white; + border: none; + border-radius: 5px; + cursor: pointer; + font-size: 16px; + + } + + .signup-btn1-nl:hover { + + background-color: #ff4aac; + + } + + .no-thanks-nl { + + display: block; + margin-top: 10px; + color: #888; + text-decoration: none; + margin-bottom: 15px; + + } + + .no-thanks-nl:hover { + + color: #000000; + font-size: 14px; + + } + + .terms-nl { + + margin-top: 15px; + font-size: 10px; + color: #888; + + } + + .terms-nl a { + + display: inline; + + } + + .terms-nl a:hover { + + text-decoration: underline; + + } + + .popup-right-nl p { + + margin-top: 0; + margin-bottom: 10px; + text-align: center; + + } + + #progressBar { + position: fixed; + top: 0; + left: 0; + width: 0%; + height: 8px; + background-color: #f76b45; + z-index: 9999; + + } + * { + cursor: url('/assets/images/ads_click_24dp_000000_FILL0_wght400_GRAD0_opsz24.svg'), auto; + } + + + .circle { + position: absolute; + width: 25px; + height: 25px; + border-radius: 50%; + pointer-events: none; + background: radial-gradient(circle, rgba(73, 232, 247, 0.466), rgba(141, 38, 172, 0.5)); + transition: transform 0.1s, left 0.1s, top 0.1s; + } + + .circle-container { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 9999; + } + + @media (max-width: 720px) { + .circle-container{ + display: none; + } + } + + +.unique-popup-message { + position: fixed; /* Change to fixed positioning */ + top: 30px; /* Adjust this value to be below the navbar */ + right: 2px; /* Adjust this value for the desired distance from the right edge */ + width: 300px; /* Adjust width as needed */ + transform: translateX(0); /* Center the popup horizontally */ + background-color: #a4d8ff; + color: #131722; + padding: 11px; + border-radius: 5px; + text-align: center; + z-index: 1000; + box-sizing: border-box; + overflow: hidden; /* Hide the expanding border animation */ + position: relative; +} + +.border-animation { + position: absolute; + bottom: 0; + left: 0; + height: 7px; /* Same height as the border */ + background-color: rgb(4, 0, 128); + width: 100%; + transform-origin: right; /* Start shrinking from the right */ +} + +@keyframes borderAnimation { + from { + transform: scaleX(0); /* Full width initially */ + } + to { + transform: scaleX(1); /* Shrink to zero width */ + } +} + + .Lastupdate { + margin-top: 18px; + font-size: 20px !important; + font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif, serif !important; + font-weight: 500; + margin-bottom: 15px; + color: rgb(35, 35, 35) !important; + } + + #last-updated-date { + font-size: 18px; + color: rgb(77, 77, 77) !important; + } + +body { + background-color: white; + color: black; + transition: background-color 0.3s ease, color 0.3s ease; +} + +.dark-mode { + background-color: #121212; + color: #e0e0e0; +} + +/* .dark-mode h2 { + background-color: #121212 !important; + color: #e0e0e0 !important; +} */ + + + .blog-content { + text-align: left; + margin: 0 auto; + max-width: 80%; + padding: 40px; /* Added padding for spacing */ + background-color: #fdfdfd; /* Subtle off-white background */ + border-radius: 15px; /* Rounded corners */ + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */ + transition: box-shadow 0.3s ease; /* Smooth shadow transition */ + } + + .blog-content:hover { + box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15); /* Enhanced shadow on hover */ + } + + .blog-content h1 { + font-size: 2.8rem; /* Adjusted font size */ + margin-bottom: 20px; /* Space below title */ + color: #2c3e50; /* Darker title color */ + text-align: center; /* Centered title */ + font-weight: 700; /* Bold title */ + letter-spacing: 1px; /* Slightly increased letter spacing */ + } + + .blog-content h4 { + font-size: 1.6rem; /* Adjusted section heading size */ + margin: 30px 0 15px; /* Space around section headings */ + color: #2980b9; /* Blue color for section headings */ + border-bottom: 2px solid #2980b9; /* Underline effect */ + padding-bottom: 5px; /* Space below the underline */ + } + + .blog-content p { + line-height: 1.6; /* Improved line height */ + margin-bottom: 20px; /* Space below paragraphs */ + color: #34495e; /* Dark grey for text */ + font-size: 1.1rem; /* Standard font size */ + font-family: 'Arial', sans-serif; /* Clear font */ + } + + .blog-content a { + color: #2980b9; /* Primary link color */ + text-decoration: none; /* Remove underline */ + font-weight: 600; /* Semi-bold links */ + transition: color 0.3s ease; /* Smooth transition */ + } + + .blog-content a:hover { + color: #1a5276; /* Darker color on hover */ + text-decoration: underline; /* Underline on hover for clarity */ + } + + .blog-content ul, + .blog-content ol { + padding-left: 20px; /* Indentation for lists */ + margin-bottom: 20px; /* Space below lists */ + color: #444; /* Darker color for list text */ + list-style-position: inside; /* Inside for better alignment */ + } + + .blog-content li { + margin-bottom: 10px; /* Space between list items */ + font-size: 1.1rem; /* Consistent font size */ + } + + /* Subtle alternating background for paragraphs */ + .blog-content p:nth-child(even) { + background-color: #f8f8f8; /* Light grey for even paragraphs */ + padding: 10px; /* Padding for even paragraphs */ + border-radius: 5px; /* Rounded corners for even paragraphs */ + } + + /* Responsive adjustments */ + @media (max-width: 768px) { + .blog-content { + max-width: 90%; /* Wider on small screens */ + padding: 25px; /* Adjust padding */ + } + + .blog-content h1 { + font-size: 2.4rem; /* Smaller title size */ + } + + .blog-content h4 { + font-size: 1.5rem; /* Smaller heading size */ + } + + .blog-content p, + .blog-content li { + font-size: 1rem; /* Smaller text size */ + } + } + + .head-animate { +text-align: center; +position: relative; +top: 200px; +color: transparent; +-webkit-text-stroke: 2px white; +-moz-text-stroke: 2px white; +-ms-text-stroke: 2px white; +font-weight: bold; +background: url(./assets/images/back.png); +-webkit-background-clip: text; +-moz-background-clip: text; +background-clip: text; +background-position: 0 0; +animation: back 20s linear infinite, hovering 1.5s ease-in-out infinite; +} + + @keyframes back { + 100% { + background-position: 2000px 0; + } + } + + @keyframes hovering { + 0% { + transform: translateY(0); + } + + 50% { + transform: translateY(-5px); + } + + 100% { + transform: translateY(0); + } + } + + .header-hero-content h2 { + font-size: 200px; + } + + .styled-btn { + background-color: #4CAF50; /* Green background */ + color: white; /* White text */ + padding: 10px 20px; /* Padding around the text */ + font-size: 16px; /* Font size */ + border: none; /* Remove border */ + border-radius: 8px; /* Rounded corners */ + cursor: pointer; /* Pointer cursor on hover */ + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Light shadow */ + transition: background-color 0.3s, transform 0.3s; /* Smooth transition */ + margin-top: 20px; + margin-left: 280px; + + } + + .styled-btn:hover { + background-color: #45a049; /* Darker green on hover */ + transform: scale(1.05); /* Slightly larger on hover */ + } + + .styled-btn:active { + transform: scale(0.98); /* Slightly smaller on click */ + } + + .blog-content { + text-align: left; + margin-left: auto; + margin-right: auto; + max-width: 80%; + } + + .card { + border: 1px solid #ddd; + padding: 15px; + margin-bottom: 15px; + border-radius: 8px; + background-color: #f9f9f9; + } + .card:hover { + transform: translateY(-5px); + box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15); + } + + .main-btn { + width: 20%; + } + + .arth { + width: 1135px; + height: 135px; + background-color: black; + } + + .term { + margin-left: 28%; /* Adjust this based on your actual container width */ + font-size: 2.5rem; /* Convert 40px to rem for responsive scaling */ +} diff --git a/blogs/terms-of-service.html b/blogs/terms-of-service.html index 22c6f706..342ae5b7 100644 --- a/blogs/terms-of-service.html +++ b/blogs/terms-of-service.html @@ -20,212 +20,9 @@ + - - - +
@@ -259,516 +56,13 @@
- - - -
- - - -
-
-
-
-
-
-
-
-
- - - - - - -
- - -
-
-
-
- -
-
-

- WELCOME TO FINVEDA -

-
-
-
- -
+

-

- Wanna learn how to grow your money to become rich? We have - made becoming a stock market Guru easy with our AI - powered finance advisor - Arth Sathi 🀡🏻 -

- - Chat with ArthaSathi πŸ’¬ - - - - - -
- +

Welcome to finveda Terms and Conditions

@@ -777,8 +71,6 @@

-
@@ -876,26 +168,6 @@

9. Governing Law

- - +
diff --git a/blogs/new.css b/blogs/new.css index b740111f..be19b95d 100644 --- a/blogs/new.css +++ b/blogs/new.css @@ -1728,3 +1728,6 @@ animation: back 20s linear infinite, hovering 1.5s ease-in-out infinite; margin-left: 28%; /* Adjust this based on your actual container width */ font-size: 2.5rem; /* Convert 40px to rem for responsive scaling */ } + .subscribe-area { + background-color:#007bff; + } diff --git a/blogs/privacy-policy.html b/blogs/privacy-policy.html index afc7c1f5..61923499 100644 --- a/blogs/privacy-policy.html +++ b/blogs/privacy-policy.html @@ -19,7 +19,8 @@ - --> - +
- +
- +
@@ -876,21 +876,21 @@

Contact Us

// Get the modals var loginModal = document.getElementById('myModal'); var registerModal = document.getElementById('registerModal'); - + // Get the button that opens the login modal var loginBtn = document.getElementById('loginBtn'); - + // Get the links that open the register and login modals var registerLink = document.getElementById('registerLink'); var loginLink = document.getElementById('loginLink'); - + // Get the elements that close the modals var closeBtns = document.getElementsByClassName('close'); - + //show and hide icon button document.addEventListener('DOMContentLoaded', () => { const togglePasswordButtons = document.querySelectorAll('.toggle-password-btn'); - + togglePasswordButtons.forEach(button => { button.addEventListener('click', () => { const passwordInput = button.previousElementSibling; @@ -904,21 +904,21 @@

Contact Us

}); }); }); - + // When the user clicks the register link, open the register modal registerLink.onclick = function (event) { event.preventDefault(); loginModal.style.display = 'none'; registerModal.style.display = 'block'; } - + // When the user clicks the login link, open the login modal loginLink.onclick = function (event) { event.preventDefault(); registerModal.style.display = 'none'; loginModal.style.display = 'block'; } - + // When the user clicks on (x), close the modal for (var i = 0; i < closeBtns.length; i++) { closeBtns[i].onclick = function () { @@ -926,7 +926,7 @@

Contact Us

registerModal.style.display = 'none'; } } - + // When the user clicks anywhere outside of the modal, close it window.onclick = function (event) { if (event.target == loginModal) { @@ -1004,7 +1004,7 @@

Contact Us

updateWeekly(); }); - + \ No newline at end of file diff --git a/blogs/saving-for-future.html b/blogs/saving-for-future.html index 10b02f17..d390bc4b 100644 --- a/blogs/saving-for-future.html +++ b/blogs/saving-for-future.html @@ -18,6 +18,7 @@ + - + - +