Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

supriya gunjal wants to merge her data #44

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open

supriya gunjal wants to merge her data #44

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
667a066
New Card And CardSection Created From 01 to 08 With well Structured.....
supriyagunjal512 Apr 18, 2024
d0987b2
New Card Created from 01 to 08
supriyagunjal512 Apr 18, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file modified Sample Designs/13.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added SubmittedAssignments/Supriya_Gunjal/01_Card_TopImage/img/1.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
75 changes: 75 additions & 0 deletions SubmittedAssignments/Supriya_Gunjal/01_Card_TopImage/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,75 @@
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">

<!-- Card - Image Top -->
<div class="card text-center shadow p-0 mb-4 bg-body-tertiary rounded my-4" style="width: 400px; left:400px;">
<!-- Image -->
<img src="./img/1.jpg" class="card-img-top" style="width:400px;" alt="Placeholder image">

<!-- Card Header -->
<div class="card-header d-none">
Featured
</div>
<!-- Card Body -->
<div class="card-body">
<!-- Card Header -->
<h5 class="card-title"> Marketing Business</h5>
<h6 class="text-primary">online</h6>
<!-- Card Body Content -->
<div class="card-text">
<p>Marketing is the process of getting people interested in your company's product or service.</p>

</div>
<span class="bi bi-linkedin text-primary p-2 "></span>
<span class="bi bi-twitter text-info p-2"></span>
<span class="bi bi-facebook text-primary p-2 "></span>
<!-- Card Footer -->
<p class="card-text"><small class="text-muted d-none">Last updated 3 mins ago</small></p>

</div>

<ul class="list-group list-group-flush d-none">
<li class="list-group-item">An item</li>
<li class="list-group-item">A second item</li>
<li class="list-group-item">A third item</li>
</ul>

<div class="card-body">
<!-- Card Links -->
<div class="mb-3 d-none">
<a href="#" class="card-link">
<span>Facebook</span>
<span class="bi bi-facebook"></span>

</a>
<a href="#" class="card-link">
<span>Twitter</span>
<span class="bi bi-twitter"></span>
</a>
<a href="#" class="card-link">
<span>LinkedIn</span>
<span class="bi bi-linkedin"></span>
</a>
</div>

<!-- Card Buttons -->
<div class="mb-3 d-none">
<a href="#" class="btn btn-primary">
<span>Facebook</span>
<span class="bi bi-facebook"></span>
</a>
<a href="#" class="btn btn-primary">
<span>Twitter</span>
<span class="bi bi-twitter"></span>
</a>
<a href="#" class="btn btn-primary">
<span>LinkedIn</span>
<span class="bi bi-linkedin"></span>
</a>
</div>
</div>
<div class="card-footer text-body-secondary d-none">
2 days ago
</div>
</div>
Binary file added SubmittedAssignments/Supriya_Gunjal/01_Card_TopImage/sample.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added SubmittedAssignments/Supriya_Gunjal/02_Card_BottomImage/img/1.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
74 changes: 74 additions & 0 deletions SubmittedAssignments/Supriya_Gunjal/02_Card_BottomImage/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">

<!-- Card - Image Top -->
<div class="card my-4 ms-5 mt-5" style="width: 400px; left:485px;">

<!-- Card Header -->
<div class="card-header">
<span class="bi bi-suit-heart-fill"></span>
</div>
<!-- Card Body -->
<div class="card-body">
<!-- Card Header -->
<h5 class="card-title">Plant Image</h5>
<!-- Card Body Content -->
<div class="card-text">
<p>Try to avoid photographing when there is strong light behind the plants or at night..</p>
<span class="bi bi-clock text-secondary"> avg two to five years.</span>
</div>
<!-- Card Footer -->
<p class="card-text"><small class="text-muted d-none">Last updated 3 mins ago</small></p>

</div>

<ul class="list-group list-group-flush d-none">
<li class="list-group-item">An item</li>
<li class="list-group-item">A second item</li>
<li class="list-group-item">A third item</li>
</ul>

<div class="card-body">

<!-- Card Links -->
<div class="mb-3 d-none">
<a href="#" class="card-link">
<span>Facebook</span>
<span class="bi bi-facebook"></span>
</a>
<a href="#" class="card-link">
<span>Twitter</span>
<span class="bi bi-twitter"></span>
</a>
<a href="#" class="card-link">
<span>LinkedIn</span>
<span class="bi bi-linkedin"></span>
</a>
</div>

<!-- Card Buttons -->
<div class="mb-3 d-none">
<a href="#" class="btn btn-primary">
<span>Facebook</span>
<span class="bi bi-facebook"></span>
</a>
<a href="#" class="btn btn-primary">
<span>Twitter</span>
<span class="bi bi-twitter"></span>
</a>
<a href="#" class="btn btn-primary">
<span>LinkedIn</span>
<span class="bi bi-linkedin"></span>
</a>
</div>
</div>

<div class="card-footer text-body-secondary">
RS.50
</div>

<!-- Image -->
<img src="./img/1.jpg" class="card-img-bottom" alt="Placeholder image">

</div>
Binary file added SubmittedAssignments/Supriya_Gunjal/02_Card_BottomImage/sample.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added SubmittedAssignments/Supriya_Gunjal/03_Card_LeftImage/img/1.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
74 changes: 74 additions & 0 deletions SubmittedAssignments/Supriya_Gunjal/03_Card_LeftImage/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">

<!-- Card - Image Left -->
<div class="card mt-4 shadow-sm p-0 mb-0 bg-body-tertiary rounded text-end" style="width: 620px; left:300px;">
<div class="row">
<!-- Image -->
<div class="col-md-6">
<img src="./img/1.jpg" class="card-img" alt="Placeholder image">
</div>

<!-- Card - Image Left -->
<div class="col-md-6">
<!-- Card Body -->
<div class="card-body">
<!-- Card Header -->
<h5 class="card-title d-none">Card title</h5>
<!-- Card Body Content -->
<div class="card-text text-center">
<p>Cats have very sweet features.
</p>
<p>It has two beautiful eyes, adorably tiny paws, sharp claws, and two perky ears which are very sensitive to sounds.
</p>
</div>
<!-- Card Footer -->
<p class="card-text"><small class="text-muted d-none">Last updated 3 mins ago</small></p>

</div>

<ul class="list-group list-group-flush d-none">
<li class="list-group-item">An item</li>
<li class="list-group-item">A second item</li>
<li class="list-group-item">A third item</li>
</ul>

<div class="card-body ">

<!-- Card Links -->
<div class="mb-3 d-none">
<a href="#" class="card-link">
<span>Facebook</span>
<span class="bi bi-facebook"></span>
</a>
<a href="#" class="card-link">
<span>Twitter</span>
<span class="bi bi-twitter"></span>
</a>
<a href="#" class="card-link">
<span>LinkedIn</span>
<span class="bi bi-linkedin"></span>
</a>
</div>

<!-- Card Buttons -->
<div class="mb-0">
<a href="#" class="btn btn-primary">
<span> Read More </span>
<span class="bi bi-Read More"></span>
</a>
<a href="#" class="btn btn-primary d-none">
<span>Twitter</span>
<span class="bi bi-twitter"></span>
</a>
<a href="#" class="btn btn-primary d-none">
<span>LinkedIn</span>
<span class="bi bi-linkedin"></span>
</a>
</div>
</div>
</div>

</div>
</div>
Binary file added SubmittedAssignments/Supriya_Gunjal/03_Card_LeftImage/sample.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added SubmittedAssignments/Supriya_Gunjal/04_Card_RightImage/img/1.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
73 changes: 73 additions & 0 deletions SubmittedAssignments/Supriya_Gunjal/04_Card_RightImage/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,73 @@
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">

<!-- Card - Image Right -->
<div class="card border shadow-sm p-0 mb-0 mt-4 bg-body-tertiary rounded" style="width: 600px; left:300px;">
<div class="row">
<!-- Card - Image Right -->
<div class="col-md-6">
<!-- Card Body -->
<div class="card-body">
<!-- Card Header -->
<h5 class="card-title text-primary">world</h5>
<h4 class="mb-0">Software engineers</h4>
<h6 class="card-subtitle mt-1 mb-2 text-body-secondary">Nov 12</h6>
<!-- Card Body Content -->
<div class="card-text">
<p>Software engineers apply engineering principles and knowledge of programming languages to build software solutions for end users.
</p>

</div>
<!-- Card Footer -->
<p class="card-text"><small class="text-muted d-none">Last updated 3 mins ago</small></p>

</div>

<ul class="list-group list-group-flush d-none">
<li class="list-group-item">An item</li>
<li class="list-group-item">A second item</li>
<li class="list-group-item">A third item</li>
</ul>

<div class="card-body">

<!-- Card Links -->
<div class="mb-3 d-none">
<a href="#" class="card-link">
<span>Facebook</span>
<span class="bi bi-facebook"></span>
</a>
<a href="#" class="card-link">
<span>Twitter</span>
<span class="bi bi-twitter"></span>
</a>
<a href="#" class="card-link">
<span>LinkedIn</span>
<span class="bi bi-linkedin"></span>
</a>
</div>

<!-- Card Buttons -->
<div class="mx-0">
<a href="" class="btn btn-outline-primary">
<span>continue reading</span>
<span class=""></span>
</a>
<a href="#" class="btn btn-primary d-none">
<span>Twitter</span>
<span class="bi bi-twitter"></span>
</a>
<a href="#" class="btn btn-primary d-none">
<span>LinkedIn</span>
<span class="bi bi-linkedin"></span>
</a>
</div>
</div>
</div>
<!-- Image -->
<div class="col-md-6">
<img src="./img/1.jpg" class="card-img" width="150" height="330"alt="Placeholder image">
</div>
</div>
</div>
Binary file added SubmittedAssignments/Supriya_Gunjal/04_Card_RightImage/sample.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added SubmittedAssignments/Supriya_Gunjal/05_CardsSection_Top/img/1.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added SubmittedAssignments/Supriya_Gunjal/05_CardsSection_Top/img/2.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added SubmittedAssignments/Supriya_Gunjal/05_CardsSection_Top/img/3.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
63 changes: 63 additions & 0 deletions SubmittedAssignments/Supriya_Gunjal/05_CardsSection_Top/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
<!--https://www.ajio.com/-->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link href="style.css" rel="stylesheet">
<section class="container">
<div class="py-5">
<div class="row d-flex ">
<div class="col">
<div class="card hover" style="height:1px;">
<img src="./img/1.jpg" class="card-img-top " alt="Placeholder image">
<div class="card-body ">
<h3 class="card-title d-none">Fully Responsive</h3>
<div class="pb-1 text-muted d-none">
<p>One disadvantage of Lorum Ipsum is that in certain letters which is said more than.</p>
</div>
<div class="d-flex">
<a href="https://dev.erp.apnasite.in/" class="text-dark text-decoration-none"></a>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card hover" style="height:1px;">
<img src="./img/2.jpg" class="card-img-top" alt="Placeholder image">
<div class="card-body">
<h3 class="card-title d-none">Fresh Layouts</h3>
<div class="pb-1 text-muted d-none">
<p>The most well-known dummy text is the 'Lorem', which well-known is said which is said.
</p>
</div>
<div class="d-flex">
<a href="https://dev.erp.apnasite.in/" class="text-dark text-decoration-none"></a>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card hover" style="height:1px;">
<img src="./img/3.jpg" class="card-img-top" alt="Placeholder image">
<div class="card-body">
<h3 class="card-title d-none">Modern Workflow</h3>
<div class="pb-8 text-muted d-none">
<p>Moreover, in Latin only words at the beginning of sentences which is said are
capitalized.</p>
</div>
<div class="d-flex">
<a href="https://dev.erp.apnasite.in/" class="text-dark text-decoration-none"></a>
</div>
</div>
</div>
</div>
</div>

<h2 class="mb-3 text-center d-none">Template Features</h2>
<h3></h3>
<div class="mb-4 text-center d-none">
<p>Ut enim ad minima veniam quis nostrum exercitationem ullam corporis suscipit laboriosam nisi commodi
consequatur.</p>
</div>

</div>
</section>

Binary file added SubmittedAssignments/Supriya_Gunjal/05_CardsSection_Top/sample.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
12 changes: 12 additions & 0 deletions SubmittedAssignments/Supriya_Gunjal/05_CardsSection_Top/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
<style>
.card-body{
transition:all 0.2s;
border-radius:40px;
box-shadow:0px 10px rgba(0 0 0 0.1);
}
.card:hover{
transform :scale(1.05);
box-shadow:0px 20px rgba(0 0 0 0.2);
flex-grow: 7;
}
</style>
Binary file added SubmittedAssignments/Supriya_Gunjal/06_CardsSection_Bottom/img/1.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added SubmittedAssignments/Supriya_Gunjal/06_CardsSection_Bottom/img/2.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added SubmittedAssignments/Supriya_Gunjal/06_CardsSection_Bottom/img/3.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading