Skip to content

Commit

Permalink
Merge branch 'main' into footer-section-icons
Browse files Browse the repository at this point in the history
  • Loading branch information
srilekha279 authored Aug 7, 2024
2 parents 006ee6f + f9da0bf commit d0fea06
Show file tree
Hide file tree
Showing 22 changed files with 20,179 additions and 83 deletions.
21 changes: 21 additions & 0 deletions .github/workflows/auto-comment-pr-merge.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
name: Auto Comment on PR Merge

on:
pull_request:
types: [closed]

jobs:
comment:
if: github.event.pull_request.merged == true
runs-on: ubuntu-latest

steps:
- name: Add Comment to Merged PR
env:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
run: |
curl -X POST \
-H "Authorization: token $GITHUB_TOKEN" \
-H "Accept: application/vnd.github.v3+json" \
-d '{"body":"🎉 Your pull request has been successfully merged! 🎉 Thank you for your contribution to our project. Your efforts are greatly appreciated. Keep up the fantastic work! 🚀"}' \
"https://api.github.com/repos/${{ github.repository }}/issues/${{ github.event.pull_request.number }}/comments"
55 changes: 55 additions & 0 deletions customersupport/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,62 @@ <h3>Account</h3>
</div>
</section>

<section class="text-gray-600 body-font">
<div class="container px-5 py-24 mx-auto flex flex-wrap">
<h2 class="sm:text-3xl text-2xl text-gray-900 font-medium title-font mb-2 md:w-2/5">Flipkart HelpCenter</h2>
<div class="md:w-3/5 md:pl-6">
<p class="leading-relaxed text-base">At Flipkart, we are dedicated to providing the best customer support. Whether you need help with your orders, returns, payments, or have any other inquiries, our Help Center is here for you. Explore our comprehensive FAQs, get assistance from our customer service team, and find solutions quickly and easily. We're committed to making your shopping experience seamless and enjoyable.</p>
</div>
</div>
</section>

<section class="text-gray-600 body-font">
<div class="container px-5 py-2 mx-auto">
<div class="flex flex-wrap -m-4 text-center">
<div class="p-4 md:w-1/4 sm:w-1/2 w-full">
<div class="border-2 border-gray-200 px-4 py-6 rounded-lg">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="text-indigo-500 w-12 h-12 mb-3 inline-block" viewBox="0 0 24 24">
<path d="M8 17l4 4 4-4m-4-5v9"></path>
<path d="M20.88 18.09A5 5 0 0018 9h-1.26A8 8 0 103 16.29"></path>
</svg>
<h2 class="title-font font-medium text-3xl text-gray-900">2.7K</h2>
<p class="leading-relaxed">Downloads</p>
</div>
</div>
<div class="p-4 md:w-1/4 sm:w-1/2 w-full">
<div class="border-2 border-gray-200 px-4 py-6 rounded-lg">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="text-indigo-500 w-12 h-12 mb-3 inline-block" viewBox="0 0 24 24">
<path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"></path>
<circle cx="9" cy="7" r="4"></circle>
<path d="M23 21v-2a4 4 0 00-3-3.87m-4-12a4 4 0 010 7.75"></path>
</svg>
<h2 class="title-font font-medium text-3xl text-gray-900">1.3K</h2>
<p class="leading-relaxed">Users</p>
</div>
</div>
<div class="p-4 md:w-1/4 sm:w-1/2 w-full">
<div class="border-2 border-gray-200 px-4 py-6 rounded-lg">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="text-indigo-500 w-12 h-12 mb-3 inline-block" viewBox="0 0 24 24">
<path d="M3 18v-6a9 9 0 0118 0v6"></path>
<path d="M21 19a2 2 0 01-2 2h-1a2 2 0 01-2-2v-3a2 2 0 012-2h3zM3 19a2 2 0 002 2h1a2 2 0 002-2v-3a2 2 0 00-2-2H3z"></path>
</svg>
<h2 class="title-font font-medium text-3xl text-gray-900">74</h2>
<p class="leading-relaxed">Files</p>
</div>
</div>
<div class="p-4 md:w-1/4 sm:w-1/2 w-full">
<div class="border-2 border-gray-200 px-4 py-6 rounded-lg">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="text-indigo-500 w-12 h-12 mb-3 inline-block" viewBox="0 0 24 24">
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
</svg>
<h2 class="title-font font-medium text-3xl text-gray-900">46</h2>
<p class="leading-relaxed">Places</p>
</div>
</div>
</div>
</div>
</section>

<footer id="footer-addkart" style="background-color: #203a61 !important"></footer>

<script src="script.js"></script>
Expand Down
260 changes: 184 additions & 76 deletions customersupport/styles.css
Original file line number Diff line number Diff line change
@@ -1,125 +1,233 @@
* {
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Arial', sans-serif;
}

body {
background-color: #f9f9f9;
color: #333;
line-height: 1.6;
}

.container {
width: 80%;
margin: auto;
overflow: hidden;
}

header {
background: #0073e6;
color: #fff;
padding-top: 30px;
min-height: 70px;
border-bottom: #0073e6 3px solid;
}

header a {
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
}

header ul {
padding: 0;
list-style: none;
.text-center {
text-align: center;
}

header li {
float: left;
display: inline;
padding: 0 20px 0 20px;
.text-secondary {
color: #6c757d;
}

header nav {
float: right;
margin-top: 10px;
.fs-4 {
font-size: 1.5rem;
}

header .container {
display: flex;
justify-content: space-between;
align-items: center;
.hero {
background-color: #f3f4f6;
padding: 2rem 0;
}

.hero {
background: #0073e6;
color: #fff;
padding: 50px 0;
text-align: center;
.hero .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 1rem;
}

.hero h2 {
font-size: 36px;
margin-bottom: 10px;
font-size: 2rem;
color: #333;
}

.hero p {
font-size: 18px;
margin-bottom: 20px;
font-size: 1rem;
color: #666;
}

.services {
padding: 30px 0;
padding: 2rem 0;
}

.services .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 1rem;
}

.services .container h2 {
.services h2 {
font-size: 2rem;
color: #333;
text-align: center;
margin-bottom: 30px;
margin-bottom: 2rem;
}

.service-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
display: flex;
flex-wrap: wrap;
gap: 1rem;
justify-content: center;
}

.service {
background: #fff;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
text-align: center;
background-color: #fff;
padding: 1.5rem;
border: 1px solid #ddd;
border-radius: 0.5rem;
width: calc(25% - 1rem);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.service h3 {
margin-bottom: 10px;
font-size: 1.25rem;
color: #333;
margin-bottom: 0.5rem;
}

.service p {
margin-bottom: 20px;
font-size: 1rem;
color: #666;
margin-bottom: 1rem;
}

.service button {
background: #0073e6;
background-color: #007bff;
color: #fff;
border: none;
padding: 10px 20px;
padding: 0.5rem 1rem;
border-radius: 0.25rem;
cursor: pointer;
border-radius: 5px;
text-transform: uppercase;
}

.service button:hover {
background: #005bb5;
background-color: #0056b3;
}

footer {
background: #333;
color: #fff;
text-align: center;
padding: 20px 0;
margin-top: 30px;
.text-gray-600 {
color: #4a5568;
}

.body-font {
font-family: "Nunito", sans-serif;
}

.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 1rem;
}

.px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}

.py-24 {
padding-top: 6rem;
padding-bottom: 6rem;
}

.mx-auto {
margin-left: auto;
margin-right: auto;
}

.flex {
display: flex;
}

.flex-wrap {
flex-wrap: wrap;
}

.mb-20 {
margin-bottom: 5rem;
}

.title-font {
font-family: "Nunito", sans-serif;
font-weight: 700;
}

.leading-relaxed {
line-height: 1.75;
}

.text-base {
font-size: 1rem;
}

.md\\:w-1\\/4 {
width: 25%;
}

.md\\:w-2\\/5 {
width: 40%;
}

.md\\:w-3\\/5 {
width: 60%;
}

.md\\:pl-6 {
padding-left: 1.5rem;
}

.md\\:pl-6 {
padding-left: 1.5rem;
}

.border-2 {
border-width: 2px;
}

.border-gray-200 {
border-color: #edf2f7;
}

.px-4 {
padding-left: 1rem;
padding-right: 1rem;
}

.py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}

.rounded-lg {
border-radius: 0.5rem;
}

.mb-4 {
margin-bottom: 1rem;
}

.sm\\:text-3xl {
font-size: 1.875rem;
}

.text-2xl {
font-size: 1.5rem;
}

.font-medium {
font-weight: 500;
}

.text-gray-900 {
color: #1a202c;
}

.w-12 {
width: 3rem;
}

.h-12 {
height: 3rem;
}

.mb-3 {
margin-bottom: 0.75rem;
}

.inline-block {
display: inline-block;
}

.m-4 {
margin: 1rem;
}
Loading

0 comments on commit d0fea06

Please sign in to comment.