Skip to content
This repository has been archived by the owner on Dec 2, 2024. It is now read-only.

Commit

Permalink
Merge pull request #2 from CaenJones/main
Browse files Browse the repository at this point in the history
Create FAQ area
  • Loading branch information
vcc3v authored Dec 9, 2023
2 parents 59819fb + e2e6f60 commit 491ed01
Show file tree
Hide file tree
Showing 8 changed files with 332 additions and 54 deletions.
10 changes: 10 additions & 0 deletions 404.html
Original file line number Diff line number Diff line change
Expand Up @@ -32,6 +32,16 @@
href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"
data-tag="font"
/>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap"
data-tag="font"
/>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap"
data-tag="font"
/>
<link
rel="stylesheet"
href="https://unpkg.com/@teleporthq/teleport-custom-scripts/dist/style.css"
Expand Down
36 changes: 0 additions & 36 deletions README.md

This file was deleted.

10 changes: 10 additions & 0 deletions components/feature-card2.html
Original file line number Diff line number Diff line change
Expand Up @@ -32,6 +32,16 @@
href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&amp;display=swap"
data-tag="font"
/>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap"
data-tag="font"
/>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap"
data-tag="font"
/>
<link
rel="stylesheet"
href="https://unpkg.com/@teleporthq/teleport-custom-scripts/dist/style.css"
Expand Down
18 changes: 18 additions & 0 deletions components/question.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
.question-container {
gap: var(--dl-space-space-unit);
flex: 1;
width: auto;
height: auto;
display: flex;
position: relative;
align-items: flex-start;
flex-direction: column;
}
.question-text {
font-weight: 700;
line-height: 1.6;
}
.question-text1 {
color: var(--dl-color-gray-800);
line-height: 1.6;
}
67 changes: 67 additions & 0 deletions components/question.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,67 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Nautical Dense Kudu</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="utf-8" />
<meta property="twitter:card" content="summary_large_image" />

<style data-tag="reset-style-sheet">
html { line-height: 1.15;}body { margin: 0;}* { box-sizing: border-box; border-width: 0; border-style: solid;}p,li,ul,pre,div,h1,h2,h3,h4,h5,h6,figure,blockquote,figcaption { margin: 0; padding: 0;}button { background-color: transparent;}button,input,optgroup,select,textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;}button,select { text-transform: none;}button,[type="button"],[type="reset"],[type="submit"] { -webkit-appearance: button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { border-style: none; padding: 0;}button:-moz-focus,[type="button"]:-moz-focus,[type="reset"]:-moz-focus,[type="submit"]:-moz-focus { outline: 1px dotted ButtonText;}a { color: inherit; text-decoration: inherit;}input { padding: 2px 4px;}img { display: block;}html { scroll-behavior: smooth }
</style>
<style data-tag="default-style-sheet">
html {
font-family: Inter;
font-size: 16px;
}

body {
font-weight: 400;
font-style:normal;
text-decoration: none;
text-transform: none;
letter-spacing: normal;
line-height: 1.15;
color: var(--dl-color-gray-black);
background-color: var(--dl-color-gray-white);

}
</style>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&amp;display=swap"
data-tag="font"
/>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap"
data-tag="font"
/>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap"
data-tag="font"
/>
<link
rel="stylesheet"
href="https://unpkg.com/@teleporthq/teleport-custom-scripts/dist/style.css"
/>
</head>
<body>
<link rel="stylesheet" href="../style.css" />
<div>
<link href="./question.css" rel="stylesheet" />
<div class="question-container">
<span class="question-text heading4">
<span>What types of cars do you sell?</span>
</span>
<span class="question-text1">
<span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non
volutpat turpis. Mauris luctus rutrum mi ut rhoncus.
</span>
</span>
</div>
</div>
</body>
</html>
92 changes: 84 additions & 8 deletions index.css
Original file line number Diff line number Diff line change
Expand Up @@ -42,6 +42,25 @@
}
}

.question-container {
gap: var(--dl-space-space-unit);
flex: 1;
width: auto;
height: auto;
display: flex;
position: relative;
align-items: flex-start;
flex-direction: column;
}
.question-text {
font-weight: 700;
line-height: 1.6;
}
.question-text1 {
color: var(--dl-color-gray-800);
line-height: 1.6;
}

.home-container {
width: 100%;
display: flex;
Expand All @@ -61,13 +80,13 @@
flex-direction: column;
background-size: cover;
justify-content: center;
background-image: linear-gradient(113.8deg, rgba(255, 76, 92, 0.8) 7.5%, rgba(255, 177, 70, 0.8) 94.47%),url('https://miro.medium.com/v2/resize:fit:1400/1*g3ARV1u4v9b9AKEIyPB7zw.jpeg');
background-image: linear-gradient(113.8deg, rgba(150, 141, 201, 0.8) 0%, rgba(129, 129, 225, 0.8) 50%, rgba(108, 108, 225, 0.8) 100%),url('https://miro.medium.com/v2/resize:fit:1400/1*g3ARV1u4v9b9AKEIyPB7zw.jpeg');
}
.home-text {
color: var(--dl-color-gray-white);
font-size: 3rem;
}
.home-text1 {
.home-text01 {
color: var(--dl-color-gray-white);
margin-top: var(--dl-space-space-twounits);
margin-bottom: var(--dl-space-space-twounits);
Expand All @@ -77,7 +96,7 @@
align-items: center;
flex-direction: row;
}
.home-button {
.home-link {
font-size: 0.75rem;
transition: 0.3s;
padding-top: var(--dl-space-space-unit);
Expand All @@ -86,11 +105,12 @@
padding-right: var(--dl-space-space-twounits);
padding-bottom: var(--dl-space-space-unit);
text-transform: uppercase;
text-decoration: none;
}
.home-button:hover {
.home-link:hover {
transform: scale(1.02);
}
.home-button1 {
.home-button {
color: var(--dl-color-gray-white);
font-size: 0.75rem;
transition: 0.3s;
Expand All @@ -103,7 +123,7 @@
text-transform: uppercase;
background-color: transparent;
}
.home-button1:hover {
.home-button:hover {
transform: scale(1.02);
}
.home-features {
Expand All @@ -119,16 +139,57 @@
grid-gap: var(--dl-space-space-twounits);
grid-template-columns: 1fr 1fr;
}
.home-faq {
gap: var(--dl-space-space-twounits);
width: 100%;
display: flex;
max-width: var(--dl-size-size-maxwidth);
align-items: flex-start;
padding-top: var(--dl-space-space-fourunits);
padding-left: var(--dl-space-space-threeunits);
padding-right: var(--dl-space-space-threeunits);
flex-direction: row;
padding-bottom: var(--dl-space-space-fourunits);
}
.home-container2 {
display: flex;
max-width: 35%;
align-items: flex-start;
flex-direction: column;
justify-content: flex-start;
}
.home-text02 {
font-family: "Raleway";
line-height: 1.6;
margin-bottom: var(--dl-space-space-oneandhalfunits);
}
.home-text03 {
color: var(--dl-color-gray-800);
font-size: 18px;
text-align: left;
line-height: 1.6;
}
.home-container3 {
gap: var(--dl-space-space-oneandhalfunits);
display: flex;
align-items: flex-start;
flex-direction: column;
}
@media(max-width: 991px) {
.home-hero {
flex-direction: column;
}
.home-text {
text-align: center;
}
.home-text1 {
.home-text01 {
text-align: center;
}
.home-text03 {
text-align: center;
padding-left: var(--dl-space-space-threeunits);
padding-right: var(--dl-space-space-threeunits);
}
}
@media(max-width: 767px) {
.home-hero {
Expand All @@ -142,6 +203,21 @@
.home-container1 {
grid-template-columns: 1fr;
}
.home-faq {
padding-left: var(--dl-space-space-twounits);
padding-right: var(--dl-space-space-twounits);
flex-direction: column;
}
.home-container2 {
max-width: 100%;
align-self: center;
align-items: center;
justify-content: center;
}
.home-text03 {
padding-left: var(--dl-space-space-unit);
padding-right: var(--dl-space-space-unit);
}
}
@media(max-width: 479px) {
.home-hero {
Expand All @@ -154,7 +230,7 @@
.home-btn-group {
flex-direction: column;
}
.home-button1 {
.home-button {
margin-top: var(--dl-space-space-unit);
margin-left: 0px;
}
Expand Down
Loading

0 comments on commit 491ed01

Please sign in to comment.