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

Rohini Girme Commiting Assignments #46

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Rohini Girme Commiting Assignments #46

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
2 changes: 1 addition & 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 @@ -7,7 +7,7 @@
<div class="row">
<div class="col-md-6">
<h2 class="mb-3 text-center">Template Features</h2>
<h3>this is subheading</h3>
<h3></h3>
<div class="mb-4 text-center">
<p>Ut enim ad minima veniam quis nostrum exercitationem ullam corporis suscipit laboriosam nisi
commodi
Expand Down
70 changes: 70 additions & 0 deletions SubmittedAssignments/Rohini_Girme/01_Card_TopImage/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
<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-sm p-3 mb-5 bg-body-tertiary rounded my-4" style="width: 400px; left:405px">
<!-- Image -->
<img src="web-developer.png" class="card-img-top" 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">Card title</h5>
<!-- Card Body Content -->
<div class="card-text">
<p>A web developer is a programmer who develops World Wide Web applications using a client–server model.</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-3 btn">
<a href="#" class="btn btn-primary">
<span>BUTTON</span>
<span class="bi bi-BUTTON"></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 class="card-footer text-body-secondary d-none">
2 days ago
</div>
</div>
Binary file added SubmittedAssignments/Rohini_Girme/01_Card_TopImage/sample.png.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/Rohini_Girme/01_Card_TopImage/web-developer.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/Rohini_Girme/02_Card_BottomImage/123.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/Rohini_Girme/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-sm p-0 mb-5 bg-body-tertiary rounded my-4" style="width: 400px; left:405px">

<!-- Card Header -->
<div class="card-header">
<i class="bi bi-heart-fill"></i>
</div>
<!-- Card Body -->
<div class="card-body">
<!-- Card Header -->
<h5 class="card-title">Mahindra Thar</h5>
<!-- Card Body Content -->
<div class="card-text">
<p>The Mahindra Thar is a compact, four-wheel drive, off-road SUV manufactured by Indian automaker Mahindra and Mahindra Ltd.</p>
<i class="bi bi-clock ">mileage is 13 to 15.2 KM/L </i>
</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">
₹ 11.25 Lakh & top model price goes upto ₹ 17.60 Lakh
</div>

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

</div>
Binary file added SubmittedAssignments/Rohini_Girme/02_Card_BottomImage/sample img.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/Rohini_Girme/03_Card_LeftImage/img.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.
79 changes: 79 additions & 0 deletions SubmittedAssignments/Rohini_Girme/03_Card_LeftImage/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,79 @@
<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-sm p-3 mb-5 bg-body-tertiary rounded my-4" style="width: 600px; left:360px">
<div class="row">
<!-- Image -->
<div class="col-md-6">
<img src="img.jpg" class="card-img rounded-circle border border-2 border-white shadow p-2 mb-3 bg-body-tertiary rounded" style="width=164px; height:275px" alt="Placeholder image">
</div>

<!-- Card - Image Left -->
<div class="col-md-6">
<!-- Card Body -->
<div class="card-body">
<!-- Card Header -->
<h5 class="card-title">Card title</h5>
<!-- Card Body Content -->
<div class="card-text">
<p>Name-shilpa kale<br>Web Developer<br>Sai-Sagar,Sr no.133,Gurudwara chowk,<br> walhekarwadi,Chinchwad,Pune-411033.</p>
</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-3">
<a href="#" class="btn btn-primary">
<span>Follow</span>
<span class="bi bi-Follow"></span>
</a>
<a href="#" class="btn btn-primary">
<span>Message</span>
<span class="bi bi-Message"></span>
</a>
<a href="#" class="btn btn-primary d-none">
<span>LinkedIn</span>
<span class="bi bi-linkedin"></span>
</a>
<p class="card-text"><small class="text-muted d-none">Last updated 3 mins ago</small></p>
<span class="bi bi-twitter text-warning "></span>
<span class="bi bi-facebook text-warning"></span>
<span class="bi bi-twitter text-warning "></span>
<span class="bi bi-behance text-warning"></span>
<span class="bi bi-instagram text-warning"></span>

</div>
</div>
</div>

</div>
</div>
Binary file added SubmittedAssignments/Rohini_Girme/03_Card_LeftImage/sample.img.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.
72 changes: 72 additions & 0 deletions SubmittedAssignments/Rohini_Girme/04_Card_RightImage/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,72 @@
<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-sm p-3 mb-5 bg-body-tertiary rounded my-4" style="width: 600px; left:405px">
<div class="row">
<!-- Card - Image Right -->
<div class="col-md-6">
<!-- Card Body -->
<div class="card-body">
<!-- Card Header -->
<h5 class="card-title">xiaomi 12 pro | 5G </h5>
<!-- Card Body Content -->
<div class="card-text">
<p>xiaomi-12-pro-5g - Specifications - Xiaomi 12 Pro 5G Specs: ✓120W Xiaomi HyperCharge ✓Snapdragon 8 Gen 1 ✓50MP + 50MP + 50MP ✓Xiaomi ProFocus
Xiaomi 12 Pro available for Rs 44,999
</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-3">
<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>
<!-- Image -->
<div class="col-md-6">
<img src="mobile img.jpg" class="card-img" alt="Placeholder image">
</div>
</div>
</div>
Binary file added SubmittedAssignments/Rohini_Girme/04_Card_RightImage/mobile img.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/Rohini_Girme/04_Card_RightImage/sample img.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/Rohini_Girme/05_CardSection_Top/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/Rohini_Girme/05_CardSection_Top/123.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.
81 changes: 81 additions & 0 deletions SubmittedAssignments/Rohini_Girme/05_CardSection_Top/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,81 @@
<!--link href="https://www.ajio.com/shop/kids" -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<style>
.hover-effect {
transition: color 300ms;
}
.hover-effect:hover {
color: orange;
}
.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>
<section class="container">
<div class="py-5">
<div class="row d-flex">
<div class="col">
<div class="card" style="height:1px">
<img src="kid.jpg" class="card-img-top" alt="Placeholder image">
<div class="card-body">
<h3 class="card-title box 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" style="height:1px">
<img src="1.jpg" class="card-img-top" alt="Placeholder image">
<div class="card-body">
<h3 class="card-title box 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" style="height:1px">
<img src="123.jpg" class="card-img-top" alt="Placeholder image">
<div class="card-body">
<h3 class="card-title box d-none">Modern Workflow</h3>
<div class="pb-1 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/Rohini_Girme/05_CardSection_Top/kid.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/Rohini_Girme/06_CardsSection_Bottom/bata.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/Rohini_Girme/06_CardsSection_Bottom/belly shoes.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/Rohini_Girme/06_CardsSection_Bottom/hill sandle.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