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

Code changes update #43

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

Code changes update #43

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
477c5fb
Code changes update
Akshata262003 Apr 19, 2024
f71c3c2
done1
Akshata262003 Apr 19, 2024
59ddc1b
8 done
Akshata262003 Apr 19, 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
22 changes: 18 additions & 4 deletions Sample Code/06_CardsSection_Bottom/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,20 @@
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">

<style>
.container{
margin-top: 8%;
}
.card{
overflow: hidden;
}
.card img{
transition: all 1.5s ease;
overflow: hidden;
}
.card:hover img{
transform: scale(1.5)
}
</style>
<section class="container">
<div class="py-5">

Expand All @@ -14,7 +28,7 @@ <h3>this is subheading</h3>
<div class="row d-flex">
<div class="col">
<div class="card">
<img src="https://via.placeholder.com/300" class="card-img-top" alt="Placeholder image">
<img src="" class="card-img-top" alt="Placeholder image">
<div class="card-body">
<h3 class="card-title">Fully Responsive</h3>
<div class="pb-1 text-muted">
Expand All @@ -28,7 +42,7 @@ <h3 class="card-title">Fully Responsive</h3>
</div>
<div class="col">
<div class="card">
<img src="https://via.placeholder.com/300" class="card-img-top" alt="Placeholder image">
<img src="img/ca1.jfif" class="card-img-top" alt="Placeholder image">
<div class="card-body">
<h3 class="card-title">Fresh Layouts</h3>
<div class="pb-1 text-muted">
Expand All @@ -43,7 +57,7 @@ <h3 class="card-title">Fresh Layouts</h3>
</div>
<div class="col">
<div class="card">
<img src="https://via.placeholder.com/300" class="card-img-top" alt="Placeholder image">
<img src="img/ca2.jfif" class="card-img-top" alt="Placeholder image">
<div class="card-body">
<h3 class="card-title">Modern Workflow</h3>
<div class="pb-1 text-muted">
Expand Down
3 changes: 2 additions & 1 deletion Sample Code/07_CardsSection_Left/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@

<section class="container">
<div class="py-5">

<div class="row">
<div class="col-md-6">
<h2 class="mb-3 text-center">Template Features</h2>
Expand All @@ -14,6 +14,7 @@ <h3>this is subheading</h3>
consequatur.</p>
</div>
</div>

<div class="col-md-6">
<div class="row d-flex">
<div class="col">
Expand Down
Binary file added SubmittedAssignments/Akshata_Talekar/01_Card_TopImage/img/APJ.jfif
View file
Open in desktop
Binary file not shown.
73 changes: 73 additions & 0 deletions SubmittedAssignments/Akshata_Talekar/01_Card_TopImage/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 Top -->
<div class="card shadow" style="width: 400px;">
<!-- Image -->
<img src="img/APJ.jfif" class="card-img-top shadow" 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">A.P.J Abdul Kalam</h5>
<!-- Card Body Content -->
<div class="card-text">
<p>Avul Pakir Jainulabdeen Abdul Kalam was born on 15 October 1931, to a Tamil Muslim family in the pilgrimage centre of Rameswaram on Pamban Island,
then in the Madras Presidency and now in the State of Tamil Nadu. His father Jainulabdeen Marakayar was a boat owner and imam of a local mosque;
his mother Ashiamma was a housewife.</p>
<p>His father owned a ferry that took Hindu pilgrims back and forth between Rameswaram and the now uninhabited Dhanushkodi.</p>
</div>
<!-- Card Footer -->
<p class="card-text d-none"><small class="text-muted">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">
<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">
2 days ago
</div>
</div>
Binary file added SubmittedAssignments/Akshata_Talekar/02_Card_BottomImage/img/MSD.jfif
View file
Open in desktop
Binary file not shown.
74 changes: 74 additions & 0 deletions SubmittedAssignments/Akshata_Talekar/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 shadow" style="width: 400px;">

<!-- Card Header -->
<div class="card-header">
Featured
</div>
<!-- Card Body -->
<div class="card-body">
<!-- Card Header -->
<h5 class="card-title">Mahendra Singh Dhoni</h5>
<!-- Card Body Content -->
<div class="card-text">
<p>The legendary wicketkeeper-batter lodged a complaint against his former business partner at the District Court Ranchi. </p>
<p>Mihir Diwakar has been taken into custody by Jaipur police on allegations unauthorized use of MS Dhoni's name to open a cricket academy in Jaipur</p>
</div>
<!-- Card Footer -->
<p class="card-text d-none"><small class="text-muted">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">
<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>

<!-- Image -->
<img src="img/MSD.jfif" class="card-img-bottom shadow" alt="Placeholder image">

</div>
Binary file added SubmittedAssignments/Akshata_Talekar/03_Card_LeftImage/img/sachin.jfif
View file
Open in desktop
Binary file not shown.
76 changes: 76 additions & 0 deletions SubmittedAssignments/Akshata_Talekar/03_Card_LeftImage/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,76 @@
<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 shadow" style="width: 600px;">
<div class="row">
<!-- Image -->
<div class="col-md-6">
<img src="img/sachin.jfif " class="card-img shadow" alt="Placeholder image">
</div>

<!-- Card - Image Left -->
<div class="col-md-6">
<!-- Card Body -->
<div class="card-body">
<!-- Card Header -->
<h5 class="card-title">Sachin Ramesh Tendulkar</h5>
<!-- Card Body Content -->
<div class="card-text">
<p>Tendulkar was born at Nirmal Nursing Home in Dadar, Bombay on 24 April 1973[30][31] to a Maharastrian family.
His father, Ramesh Tendulkar, was a Marathi-language novelist and poet while his mother, Rajni, worked in the insurance industry.[
</p>
<p>To help curb his bullying tendencies, his elder brother Ajit introduced Tendulkar to cricket in 1984. Ajit introduced him to cricket coach Ramakant Achrekar at Shivaji Park in Dadar. At their first meeting, Tendulkar did not play well.
Ajit told Achrekar that he was feeling self-conscious due to the coach observing him, and was not displaying his natural game.
</p>
</div>
<!-- Card Footer -->
<p class="card-text d-none"><small class="text-muted">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">
<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">
<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><br> <br>
<a href="#" class="btn btn-primary">
<span>LinkedIn</span>
<span class="bi bi-linkedin"></span>
</a>
</div>
</div>
</div>

</div>
</div>
Binary file added SubmittedAssignments/Akshata_Talekar/04_Card_RightImage/img/ca1.jfif
View file
Open in desktop
Binary file not shown.
Binary file added SubmittedAssignments/Akshata_Talekar/04_Card_RightImage/img/ca2.jfif
View file
Open in desktop
Binary file not shown.
Binary file added SubmittedAssignments/Akshata_Talekar/04_Card_RightImage/img/ca3.jfif
View file
Open in desktop
Binary file not shown.
Binary file added SubmittedAssignments/Akshata_Talekar/04_Card_RightImage/img/modi.jfif
View file
Open in desktop
Binary file not shown.
74 changes: 74 additions & 0 deletions SubmittedAssignments/Akshata_Talekar/04_Card_RightImage/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 Right -->
<div class="card shadow" style="width: 600px;">
<div class="row">
<!-- Card - Image Right -->
<div class="col-md-6">
<!-- Card Body -->
<div class="card-body">
<!-- Card Header -->
<h5 class="card-title">Narendra Modi</h5>
<!-- Card Body Content -->
<div class="card-text">
<p>Narendra Damodardas Modi born ( 17 September 1950) is an Indian politician who has served as the 14th prime minister of India since May 2014.
Modi was the chief minister of Gujarat from 2001 to 2014 and is the Member of Parliament (MP) for Varanasi.
</p>
<p>He is a member of the Bharatiya Janata Party (BJP) and of the Rashtriya Swayamsevak Sangh (RSS), a right wing Hindu nationalist paramilitary volunteer organisation.
He is the longest-serving prime minister from outside the Indian National Congress.
</p>
</div>
<!-- Card Footer -->
<p class="card-text d-none"><small class="text-muted">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">
<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> <br>
<a href="#" class="card-link">
<span>LinkedIn</span>
<span class="bi bi-linkedin"></span>
</a>
</div>

<!-- Card Buttons -->
<div class="mb-3">
<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><br> <br>
<a href="#" class="btn btn-primary">
<span>LinkedIn</span>
<span class="bi bi-linkedin"></span>
</a>
</div>
</div>
</div>
<!-- Image -->
<div class="col-md-6">
<img src="img/modi.jfif" class="card-img shadow" alt="Placeholder image">
</div>
</div>
</div>
Binary file added SubmittedAssignments/Akshata_Talekar/05_CardsSection_Top/img/as.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/Akshata_Talekar/05_CardsSection_Top/img/big-thali.jpeg
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/Akshata_Talekar/05_CardsSection_Top/img/fish.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/Akshata_Talekar/05_CardsSection_Top/img/pa.jpeg
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/Akshata_Talekar/05_CardsSection_Top/img/thali.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/Akshata_Talekar/05_CardsSection_Top/img/thali2.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/Akshata_Talekar/05_CardsSection_Top/img/thali3.webp
View file
Open in desktop
Binary file not shown.
Loading