Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

The alignment of contact container #893

Open
wants to merge 2 commits into
base: develop
Choose a base branch
from
Open

The alignment of contact container #893

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
5a1fc8a
fix(css): made improvements on terms and condition page
Shreeya2002 Oct 11, 2024
713995a
fix(css): made the contact container responsive
Shreeya2002 Oct 11, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 6 additions & 4 deletions pages/contact.page.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -322,15 +322,17 @@ function Contact() {
{
//(errors.subject!=='')?showToast(errors.subject):errors.subject=''
}
<div>
<div class="sendbtn">
<button
type="button"
class="md:tw-w-auto tw-h-16 tw-text-white tw-bg-[#845ec2] tw-border-0 tw-py-2 tw-px-6 focus:tw-outline-none hover:tw-bg-[#6b21a8] tw-rounded-lg tw-font-semibold"
class="md:tw-w-auto px-10 tw-h-16 tw-text-white tw-bg-[#845ec2] tw-border-0 tw-py-2 tw-px-6 focus:tw-outline-none hover:tw-bg-[#6b21a8] tw-rounded-lg tw-font-semibold"
onClick={sendEmail}
style={{
padding: "5px 15px",
width: "100px",
marginLeft: "17px",
width: "150px",
height: "50px",
marginLeft: "33vh",
align: "center",
}}
onMouseEnter={(e) =>
(e.target.style.color = "whitesmoke")
Expand Down
22 changes: 16 additions & 6 deletions pages/termsandcondition.page.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,8 @@ function scrap() {
</div>
<div className="maincontent" style={{ display: "inline-block" }}>
{" "}
We are Grabtern, doing business as Grabtern (

<p>We are Grabtern, doing business as Grabtern (
<b className="tw-text-[#845ec2]">"Company," "we," "us," "our"</b>),
a company registered in India at Kishanpur tirah, Aligarh, Aligarh,
Uttar Pradesh 202002. We operate the website
Expand All @@ -34,7 +35,9 @@ function scrap() {
related products and services that refer or link to these legal
terms (the "<b className="tw-text-[#845ec2]">Legal Terms</b>")
(collectively, the "<b className="tw-text-[#845ec2]">Services</b>").
In our platform, we connect former Mentors to student seeking for
</p>

<p>In our platform, we connect former Mentors to student seeking for
mentorship and mentor charge for providing mentorship and we take
11% of that. Alright, to clarify, there is no fixed price for the
bookSession. Each mentor can set the price as per their own wish.
Expand All @@ -46,9 +49,9 @@ function scrap() {
behalf of an entity ("<b className="tw-text-[#845ec2]">you</b>"),
and Grabtern, concerning your access to and use of the Services. You
agree that by accessing the Services, you have read, understood, and
agreed to be bound by all of these Legal Terms. IF YOU DO NOT AGREE
WITH ALL OF THESE LEGAL TERMS, THEN YOU ARE EXPRESSLY PROHIBITED
FROM USING THE SERVICES AND YOU MUST DISCONTINUE USE IMMEDIATELY. We
agreed to be bound by all of these Legal Terms.</p>
<b>IF YOU DO NOT AGREE WITH ALL OF THESE LEGAL TERMS, THEN YOU ARE EXPRESSLY PROHIBITED
FROM USING THE SERVICES AND YOU MUST DISCONTINUE USE IMMEDIATELY.</b> We
will provide you with prior notice of any scheduled changes to the
Services you are using. The modified Legal Terms will become
effective upon posting or notifying you by
Expand All @@ -70,7 +73,7 @@ function scrap() {
<div className="tnc" id="toc">
<h1>TABLE OF CONTENTS</h1>
</div>
<div style={{ paddingRight: 10, paddingTop: 10 }}>
<div className='px-4' style={{ paddingRight: 10, paddingTop: 10, paddingLeft: 100 }}>
<div>
<a href="#1">1. OUR SERVICES</a>
</div>
Expand Down Expand Up @@ -160,6 +163,7 @@ function scrap() {
</div>
<div className="terms-and-cond-sub">
<div className="tnc-sub-head">2. INTELLECTUAL PROPERTY RIGHTS</div>
<br/>
<strong className="tw-text-[#845ec2]">
Our intellectual property
</strong>
Expand All @@ -175,6 +179,7 @@ function scrap() {
United States and around the world. The Content and Marks are
provided in or through the Services "AS IS" for your personal,
non-commercial use or internal business purpose only.<br></br>
<br/>
<strong className="tw-text-[#845ec2]">
Your use of our Services
</strong>
Expand Down Expand Up @@ -204,6 +209,7 @@ function scrap() {
of our Legal Terms and your right to use our Services will terminate
immediately.
<br></br>
<br/>
<strong className="tw-text-[#845ec2]">
Your submissions and contributions
</strong>
Expand Down Expand Up @@ -234,6 +240,7 @@ function scrap() {
Contribution. You understand that Contributions may be viewable by
other users of the Services.
<br></br>
<br/>
<strong className="tw-text-[#845ec2]">
When you post Contributions, you grant us a license (including use
of your name, trademarks, and logos):{" "}
Expand All @@ -254,6 +261,7 @@ function scrap() {
the trademarks, service marks, trade names, logos, and personal and
commercial images you provide.
<br></br>
<br/>
<strong className="tw-text-[#845ec2]">
You are responsible for what you post or upload:{" "}
</strong>
Expand All @@ -280,6 +288,7 @@ function scrap() {
your breach of (a) this section, (b) any third party’s intellectual
property rights, or (c) applicable law.
<br id="3"></br>
<br/>
<strong className="tw-text-[#845ec2]">
We may remove or edit your Content:{" "}
</strong>
Expand All @@ -290,6 +299,7 @@ function scrap() {
remove or edit any such Contributions, we may also suspend or
disable your account and report you to the authorities.
<br></br>
<br/>
<strong className="tw-text-[#845ec2]">
Copyright infringement
</strong>
Expand Down
7 changes: 6 additions & 1 deletion styles/contact.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -148,6 +148,7 @@
color: #ff6fa8b0 !important;
transition: color 0.3s ease-in-out;
box-shadow: 0 0 5px rgba(134, 158, 255, 0.542);

}

.boxedbtn:hover span {
Expand Down Expand Up @@ -280,8 +281,9 @@
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
padding: 0%;
padding: 5px;
padding-left: 20px;
width:1
}

.media_head h3 {
Expand All @@ -305,3 +307,6 @@
padding-right: 10px;
}
}
.sendbtn{
align:center !important;
}
55 changes: 33 additions & 22 deletions styles/globals.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1760,14 +1760,17 @@ textarea,
}

#tncheading {
margin-bottom: 24px;
font-family: "Josefin Sans", sans-serif;
font-style: normal;
font-weight: 800;
text-transform: normal;
margin-top: 100px;
font-size: 60px;
text-align: center;
font-size: 70px !important;
text-align: left !important;
color: #845ec2;
margin-left: 5%;

}

#tncheading2 {
Expand All @@ -1780,34 +1783,37 @@ textarea,
text-align: center;
color: #845ec2;
text-align: left;
margin-left: 40px;
margin-left: 102px;
margin-top: 8px;
margin-bottom: 10px;
}

.maincontent {
font-family: "Mulish", sans-serif;
color: #10285d;
margin-left: 20px;
float: left;
width: 45%;
margin-right: 10%;
font-size: 18px;
color: #10285d;
margin-left: 20px;
float: left;
width: 45%;
margin-right: 10%;
font-size: 18px;
padding-left: 5%;
text-align: justify;
}

.tableofcontents {
font-family: "Josefin Sans", sans-serif;
margin-top: 0px;
float: left;
margin-left: 40px;
width: 29%;
border: 1px solid #10285d;
border-radius: 19px;
margin-right: 10px;
padding-right: 0px;
padding-left: 20px;
background-color: #d2d8f0;
padding-bottom: 10px;
font-size: 20px;
margin-top: -59px;
float: left;
margin-left: -86px;
width: 40%;
border: 1px solid #10285d;
border-radius: 19px;
margin-right: 10px;
padding-right: 0px;
padding-left: 9px;
background-color: #d2d8f0;
padding-bottom: 10px;
font-size: 20px;
}

#toc {
Expand All @@ -1834,7 +1840,8 @@ textarea,
text-transform: normal;
text-align: left;
font-size: 32px;
margin-left: 18px;
margin-left: 1px;

}

.terms-and-cond-sub {
Expand All @@ -1844,6 +1851,8 @@ textarea,
font-size: 18px;
margin-top: 40px;
margin-right: 20px;
padding: 0 157px 0 92px;
text-align: justify;
}

@media only screen and (max-width: 600px) {
Expand All @@ -1857,9 +1866,11 @@ textarea,
}
.tnc {
margin-top: 350px;

}
#tncheading2 {
font-size: 27px;
margin-left:93px;
}
.maincontent {
margin-right: 5px;
Expand Down
Loading