diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..8e4e1d6 Binary files /dev/null and b/.DS_Store differ diff --git a/Image/.DS_Store b/Image/.DS_Store new file mode 100644 index 0000000..45b0aec Binary files /dev/null and b/Image/.DS_Store differ diff --git a/Image/Big-data.jpeg b/Image/Big-data.jpeg new file mode 100644 index 0000000..0f6a40d Binary files /dev/null and b/Image/Big-data.jpeg differ diff --git a/Image/Big.png b/Image/Big.png new file mode 100644 index 0000000..acbaa18 Binary files /dev/null and b/Image/Big.png differ diff --git a/Image/Data analysis.jpeg b/Image/Data analysis.jpeg new file mode 100644 index 0000000..7ffd011 Binary files /dev/null and b/Image/Data analysis.jpeg differ diff --git a/Image/Data-image.jpeg b/Image/Data-image.jpeg new file mode 100644 index 0000000..0ab7a4a Binary files /dev/null and b/Image/Data-image.jpeg differ diff --git a/Image/Facebook.png b/Image/Facebook.png new file mode 100644 index 0000000..247d7e5 Binary files /dev/null and b/Image/Facebook.png differ diff --git a/Image/Icon.jpeg b/Image/Icon.jpeg new file mode 100644 index 0000000..11c78dc Binary files /dev/null and b/Image/Icon.jpeg differ diff --git a/Image/LinkedIn.png b/Image/LinkedIn.png new file mode 100644 index 0000000..70e2a27 Binary files /dev/null and b/Image/LinkedIn.png differ diff --git a/Image/Logo.png b/Image/Logo.png new file mode 100644 index 0000000..eaaecdc Binary files /dev/null and b/Image/Logo.png differ diff --git a/Image/Twitter.png b/Image/Twitter.png new file mode 100644 index 0000000..52b2a41 Binary files /dev/null and b/Image/Twitter.png differ diff --git a/Image/Youtube.png b/Image/Youtube.png new file mode 100644 index 0000000..1160e10 Binary files /dev/null and b/Image/Youtube.png differ diff --git a/index.html b/index.html index a2219e1..b57849f 100644 --- a/index.html +++ b/index.html @@ -4,10 +4,109 @@ - Document + Flexbox-assignment + + + - - + +
+ + + + +
+ +
+

Data Analytics Consulting Services

+
+ Data Analytics +

Our team helps businesses around the world to use the huge amount of data they collect to extract useful insights from it. We use modern techniques and technologies which apply to the best data analytics consulting services......

+ +
+ +
+ + +

Our Service lists

+
+ + Data Analytics lists + + +
+ +
+

Our Process

+ +
+

On-time delivery

+

Thereby you can be assured of your submission

+ +

Unlimited Revisions

+

We offer unlimited revision to the work being committed. Unlike other competitors, we do not charge for the revision.

+ +

100% Originality Guarantee

+

All our writing works are scanned through plagiarism software and ensure that the document is delivered with 95 -100% plagiarism free.

+

Subject Matter Expertise

+

We assign expert specific to the subject. Hence you need not worry about the quality of work being delieverd.

+
+ +
+ +

Our Process

+
+

1

+

Discover Feasibility Study

+ + +

2

+

Prepare data for the analysis

+ + +

3

+

Statistical data analysis and insights extraction

+ + +

4

+

Preparing reports based on extracted insights and knowled sharing

+ +
+
+ + +
+ + diff --git a/style/style.css b/style/style.css index e69de29..4417ad6 100644 --- a/style/style.css +++ b/style/style.css @@ -0,0 +1,232 @@ +.{ + padding:0; + margin:0; +} + +body{ +font-family: "Times New Roman", verdana; +font-size: 18px; +Background-color: white; +} + +/* HEADING SECTION CSS */ +.logo { + height: 100px; + width: 100px; + border-radius: darkblue; + border: darkblue; + +} +.navi-bar { display: flex; +align-items: center; +justify-content: space-around; +background:rgb(217, 231, 236); +padding: 5px 0px; +border-bottom: 1px; +} + +.nlist { + display: flex; + gap: 110px; +} +.nlist li { + list-style-type: none; + background:#036ef1; + color: white; + padding: 8px 8px; + border-radius: 5px; + } + + .nlist li:hover { + cursor: pointer; + color: black; + } + + .btn { + padding: 8px 12px; + border: none; + background: darkred; + color:white; + border-radius: 5px; + + } + .btn:hover { + cursor: pointer; + color: black; + } + +/* Main SECTION CSS */ /* Service Part*/ + +.serv { display: flex; + align-items: center; + justify-content: space-around; + background: rgb(217, 231, 236); + padding: 20px; + margin: 0px 20px; + border-bottom: 1px; + gap:0px; + flex-wrap: wrap; + } + + .title1 { + text-align: center; + color:#036ef1; + padding: auto; + } + .dimage{ + width: 40%; + align-items: center; + } + .serv p { display:flex-end; + text-align: justify; + padding: 0px 0px; + margin: 0px 0px; + gap: 0px; + width: 50%; + font-size: 40px; + + + } + .serv button { + margin: 20px; + display: inline-block; + text-align: end; + gap: 20px; + + color: white; + + } + /* SERVICE LISTS PART CSS*/ + h2 { + text-align: center; + color:#036ef1; + + } + .service-lists { display: flex; + align-items: center; + justify-content: space-around; + background:rgb(217, 231, 236); + padding: 5px 0px; + border-bottom: 1px; + gap: 5px; + } + .service-lists li { + list-style-type: none; + background:#036ef1; + color: white; + padding: 40px 40px; + border-radius: 50%; + margin: 20px; + flex-wrap:wrap; + + } + .data-image { display: flex; + width: 50%; + align-items: center; + } + .service-lists li:hover { + cursor: pointer; + color: black; + } + /* OUR PROCESS PART*/ + .process-list { display: flex; + align-items: center; + justify-content: space-around; + background:rgb(217, 231, 236); + padding: 40px 0px; + margin-left: 20px; + border-bottom: 1px; + flex-wrap: wrap; + } +/* HOW WE WORK PART*/ + .work { display: flex; + align-items: center; + justify-content: space-around; + background:rgb(217, 231, 236); + padding: 60px 60px; + border-bottom: 1px; + gap: 5px; + flex-direction: row; + flex-wrap: wrap; + } + .work h4{ display: flex; + list-style-type: none; + background:#036ef1; + color: white; + font-size: larger; + padding: 30px 40px; + border-radius: 50%; + margin:0px; + flex-wrap: wrap; + } + .work p{ display: flex; + flex-direction: column; + font-size: 19px; + } + + +/* FOOTER PART CSS*/ + .footer {display: flex; + align-items: center; + justify-content: space-between; + background:#d8d8d8; + flex-wrap: wrap; + + } + .fa { + text-align: center; + padding: 4px; + margin: 4px; + font-size: 30px; + width: 40px; + height: 40px; + text-decoration:navajowhite; + text-align: center; + border-radius: 50%; + background-color: lightgreen; + } + + .fa:hover { + opacity: 0.9; + } + + .fa-facebook { + background: #3B5998; + color: white; + + } + + .fa-twitter { + background: #55ACEE; + color: white; + } + + .fa-google { + background: #dd4b39; + color: white; + } + + .fa-linkedin { + background: #007bb5; + color: white; + } + + .fa-youtube { + background: #bb0000; + color: white; + } + .address{ + flex-direction: column; + text-align: center; + + } + + .copyright { + text-align: center; + border-top: 1px solid #d8d8d8; + padding: 20px 0px; + margin: 20px 20px; + font-size: 12px; + font-weight: bold; + gap:20px; + } \ No newline at end of file