Skip to content

Commit

Permalink
Merge pull request #92 from Ankitv003/Ankitv003
Browse files Browse the repository at this point in the history 
✨[feat][combined context and image into one container and applied styles ]
  • Loading branch information
@Virtual4087
Virtual4087 authored Oct 25, 2023
2 parents c2ea121 + 4eab96e commit 819d54f
Show file tree
Hide file tree
Showing 2 changed files with 70 additions and 82 deletions.
136 changes: 66 additions & 70 deletions about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -68,80 +68,76 @@
<div class="container text">
<div class="row gy-3 gy-md-4 gy-lg-0 align-items-lg-center">
<div class="col-12 col-lg-6 col-xl-5">
<div class="content-box">
<img
class="img-fluid rounded"
loading="lazy"
src="./assets/images/School.webp"
alt="About 1"
/>
</div>
<img
class="img-fluid rounded"
loading="lazy"
src="./assets/images/School.webp"
alt="About 1"
/>
</div>
<div class="col-12 col-lg-6 col-xl-7">
<div class="content-box second-content-box">
<div class="row justify-content-xl-center">
<div class="col-12 col-xl-11">
<h2 class="mb-3">Who Are We?</h2>
<p class="lead fs-4 text-secondary mb-3">
We help people to build incredible brands and superior
products. Our perspective is to furnish outstanding
captivating services.
</p>
<p class="mb-5">
We are a fast-growing company, but we have never lost
sight of our core values. We believe in collaboration,
innovation, and customer satisfaction. We are always
looking for new ways to improve our products and services.
</p>
<div class="row gy-4 gy-md-0 gx-xxl-5X">
<div class="col-12 col-md-6">
<div class="d-flex">
<div class="me-4 text-primary">
<svg
xmlns="http://www.w3.org/2000/svg"
width="32"
height="32"
fill="currentColor"
class="bi bi-gear-fill"
viewBox="0 0 16 16"
>
<path
d="M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z"
/>
</svg>
</div>
<div>
<h2 class="h4 mb-3">Versatile Brand</h2>
<p class="text-secondary mb-0">
We are crafting a digital method that subsists
life across all mediums.
</p>
</div>
<div class="row justify-content-xl-center">
<div class="col-12 col-xl-11">
<h2 class="mb-3">Who Are We?</h2>
<p class="lead fs-4 text-secondary mb-3">
We help people to build incredible brands and superior
products. Our perspective is to furnish outstanding
captivating services.
</p>
<p class="mb-5">
We are a fast-growing company, but we have never lost sight
of our core values. We believe in collaboration, innovation,
and customer satisfaction. We are always looking for new
ways to improve our products and services.
</p>
<div class="row gy-4 gy-md-0 gx-xxl-5X">
<div class="col-12 col-md-6">
<div class="d-flex">
<div class="me-4 text-primary">
<svg
xmlns="http://www.w3.org/2000/svg"
width="32"
height="32"
fill="currentColor"
class="bi bi-gear-fill"
viewBox="0 0 16 16"
>
<path
d="M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z"
/>
</svg>
</div>
<div>
<h2 class="h4 mb-3">Versatile Brand</h2>
<p class="text-secondary mb-0">
We are crafting a digital method that subsists life
across all mediums.
</p>
</div>
</div>
<div class="col-12 col-md-6">
<div class="d-flex">
<div class="me-4 text-primary">
<svg
xmlns="http://www.w3.org/2000/svg"
width="32"
height="32"
fill="currentColor"
class="bi bi-fire"
viewBox="0 0 16 16"
>
<path
d="M8 16c3.314 0 6-2 6-5.5 0-1.5-.5-4-2.5-6 .25 1.5-1.25 2-1.25 2C11 4 9 .5 6 0c.357 2 .5 4-2 6-1.25 1-2 2.729-2 4.5C2 14 4.686 16 8 16Zm0-1c-1.657 0-3-1-3-2.75 0-.75.25-2 1.25-3C6.125 10 7 10.5 7 10.5c-.375-1.25.5-3.25 2-3.5-.179 1-.25 2 1 3 .625.5 1 1.364 1 2.25C11 14 9.657 15 8 15Z"
/>
</svg>
</div>
<div>
<h2 class="h4 mb-3">Digital Agency</h2>
<p class="text-secondary mb-0">
We believe in innovation by merging primary with
elaborate ideas.
</p>
</div>
</div>
<div class="col-12 col-md-6">
<div class="d-flex">
<div class="me-4 text-primary">
<svg
xmlns="http://www.w3.org/2000/svg"
width="32"
height="32"
fill="currentColor"
class="bi bi-fire"
viewBox="0 0 16 16"
>
<path
d="M8 16c3.314 0 6-2 6-5.5 0-1.5-.5-4-2.5-6 .25 1.5-1.25 2-1.25 2C11 4 9 .5 6 0c.357 2 .5 4-2 6-1.25 1-2 2.729-2 4.5C2 14 4.686 16 8 16Zm0-1c-1.657 0-3-1-3-2.75 0-.75.25-2 1.25-3C6.125 10 7 10.5 7 10.5c-.375-1.25.5-3.25 2-3.5-.179 1-.25 2 1 3 .625.5 1 1.364 1 2.25C11 14 9.657 15 8 15Z"
/>
</svg>
</div>
<div>
<h2 class="h4 mb-3">Digital Agency</h2>
<p class="text-secondary mb-0">
We believe in innovation by merging primary with
elaborate ideas.
</p>
</div>
</div>
</div>
Expand Down
16 changes: 4 additions & 12 deletions assets/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -855,20 +855,12 @@ nav .nav_buttons {
display: block;
margin-top: 10px;
}
.content-box {
color: rgb(160, 160, 160);
background-color: white;
.row {
color: rgb(75, 73, 73);
background-color: #f5f5dc; /*Beige color */
padding: 1em;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
margin-left: 3em;
}

.second-content-box {
padding: 1.5em 0;
}
.content-box img {
max-width: 100%; /* Ensure the image fits within the box */
font-weight: 700;
}

/* You can further style the .content-box class as needed */

0 comments on commit 819d54f

Please sign in to comment.