Skip to content

Commit a8aa63d

Browse files
Imtious-coderImtious-coder
committed
Home page complete
1 parent 46024b4 commit a8aa63d

File tree

5 files changed

+135
-1
lines changed

5 files changed

+135
-1
lines changed

‎src/Assets/images/lawyer.png‎ renamed to ‎src/Assets/images/HOME/Industry-Leaders/profile.png‎

File renamed without changes.

‎src/Assets/images/quote.png‎ renamed to ‎src/Assets/images/HOME/Industry-Leaders/quote.png‎

File renamed without changes.

‎src/Pages/Home/index.jsx‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@ import React from "react";
22
import ArrangeDemonstration from "../../components/ArrangeDemonstration/ArrangeDemonstration";
33
import Aspiring from "../../components/Aspiring/Aspiring";
44
import Hero from "../../components/Hero/Hero";
5+
import IndustryLeaders from "../../components/IndustryLeaders/IndustryLeaders";
56
import IntelsenseInNumbers from "../../components/IntelsenseInNumbers/IntelsenseInNumbers";
67
import PartnersPortfolio from "../../components/PartnersPortfolio/PartnersPortfolio";
78
import Products from "../../components/Products/Products";
@@ -15,10 +16,11 @@ const index = () => {
1516
<Services />
1617
<Aspiring />
1718
<Products />
18-
<ArrangeDemonstration />
1919
<Review />
2020
<IntelsenseInNumbers />
2121
<PartnersPortfolio />
22+
<IndustryLeaders />
23+
<ArrangeDemonstration />
2224
</>
2325
);
2426
};

‎src/components/IndustryLeaders/IndustryLeaders.jsx‎

Lines changed: 124 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,124 @@
1+
import React from "react";
2+
import i from "../../Assets/images/HOME/Industry-Leaders/profile.png";
3+
import j from "../../Assets/images/HOME/Industry-Leaders/quote.png";
4+
import "./IndustryLeaders.scss";
5+
6+
const IndustryLeaders = () => {
7+
return (
8+
<>
9+
<section className="industry-leaders-wrapper py-5 background-E2F0F6">
10+
<div className="container-lg">
11+
<div
12+
id="carouselExampleControls"
13+
class="carousel slide"
14+
data-bs-ride="carousel"
15+
>
16+
<div class="carousel-inner">
17+
<div class="carousel-item active">
18+
<div className="row">
19+
<div className="col-12 col-md-3 px-5 pe-md-0">
20+
<div className="rounded-3 position-relative">
21+
<img src={i} className="img-fluid" alt="profile_image" />
22+
<img
23+
src={j}
24+
alt="quote"
25+
className="quote position-absolute"
26+
/>
27+
</div>
28+
</div>
29+
<div className="col-12 col-md-9 mt-4 mt-md-0 ps-md-5 d-flex justify-content-center align-items-center">
30+
<div>
31+
<h2 className="heading fw-bold text-md-start">
32+
Industry Leaders Talkies
33+
</h2>
34+
<h3 className="sub-heading text-md-start mb-3">
35+
Bots are like new applications, and digital assistants
36+
are meta apps or like a new browsers. And intelligence
37+
is infused into all yours interactions. That's the rich
38+
platform that we have.
39+
</h3>
40+
<h6 className="fw-bold text-center text-md-start">
41+
Saatiya Nadela
42+
</h6>
43+
<small className="d-block text-center text-md-start">
44+
Micrososft
45+
</small>
46+
</div>
47+
</div>
48+
</div>
49+
</div>
50+
<div class="carousel-item">
51+
<div className="row">
52+
<div className="col-12 col-md-3 px-5 pe-md-0">
53+
<div className="rounded-3 position-relative">
54+
<img src={i} className="img-fluid" alt="profile_image" />
55+
<img
56+
src={j}
57+
alt="quote"
58+
className="quote position-absolute"
59+
/>
60+
</div>
61+
</div>
62+
<div className="col-12 col-md-9 mt-4 mt-md-0 ps-md-5 d-flex justify-content-center align-items-center">
63+
<div>
64+
<h2 className="heading fw-bold text-md-start">
65+
Industry Leaders Talkies
66+
</h2>
67+
<h3 className="sub-heading text-md-start mb-3">
68+
Bots are like new applications, and digital assistants
69+
are meta apps or like a new browsers. And intelligence
70+
is infused into all yours interactions. That's the rich
71+
platform that we have.
72+
</h3>
73+
<h6 className="fw-bold text-center text-md-start">
74+
Saatiya Nadela
75+
</h6>
76+
<small className="d-block text-center text-md-start">
77+
Micrososft
78+
</small>
79+
</div>
80+
</div>
81+
</div>
82+
</div>
83+
<div class="carousel-item">
84+
<div className="row">
85+
<div className="col-12 col-md-3 px-5 pe-md-0">
86+
<div className="rounded-3 position-relative">
87+
<img src={i} className="img-fluid" alt="profile_image" />
88+
<img
89+
src={j}
90+
alt="quote"
91+
className="quote position-absolute"
92+
/>
93+
</div>
94+
</div>
95+
<div className="col-12 col-md-9 mt-4 mt-md-0 ps-md-5 d-flex justify-content-center align-items-center">
96+
<div>
97+
<h2 className="heading fw-bold text-md-start">
98+
Industry Leaders Talkies
99+
</h2>
100+
<h3 className="sub-heading text-md-start mb-3">
101+
Bots are like new applications, and digital assistants
102+
are meta apps or like a new browsers. And intelligence
103+
is infused into all yours interactions. That's the rich
104+
platform that we have.
105+
</h3>
106+
<h6 className="fw-bold text-center text-md-start">
107+
Saatiya Nadela
108+
</h6>
109+
<small className="d-block text-center text-md-start">
110+
Micrososft
111+
</small>
112+
</div>
113+
</div>
114+
</div>
115+
</div>
116+
</div>
117+
</div>
118+
</div>
119+
</section>
120+
</>
121+
);
122+
};
123+
124+
export default IndustryLeaders;

‎src/components/IndustryLeaders/IndustryLeaders.scss‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
.industry-leaders-wrapper {
2+
.quote {
3+
width: 100px;
4+
height: 100px;
5+
top: 20px;
6+
left: -50px;
7+
}
8+
}

0 commit comments

Comments
 (0)