Skip to content

Commit

Permalink
EduWeb
Browse files Browse the repository at this point in the history
  • Loading branch information
@prernasharma28
prernasharma28 committed Jul 25, 2024
0 parents commit 4a02b31
Show file tree
Hide file tree
Showing 125 changed files with 4,996 additions and 0 deletions.
3 changes: 3 additions & 0 deletions .vscode/settings.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}
Binary file added 1.jpg
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 BookLogo.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
119 changes: 119 additions & 0 deletions Book_slide.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,119 @@
@import url('https://fonts.google.com/');
.hello{
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
font-family: "Roboto",sans-serif;
margin-left:80px;
/* background: linear-gradient(90deg,#fff 50%,#eecae6 50%); */
}
input{
display: none;
}
img{
width: 100%;
height: 100%;
}
.book{
display: flex;
}
#cover{
width: 250px;
height: 400px;
}
.flip-book{
width: 250px;
height: 400px;
position: relative;
perspective: 1500px;
}
.flip{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
transform-origin: left;
transform-style: preserve-3d;
transform: rotateY(0deg);
transform: .5s;
color: #000;
}
p{
font-size: 14px;
line-height: 24px;
}
.front{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
/* background-color: #ffffff; */
background-color: #efcee7;
box-sizing: border-box;
padding: 0 13px;
box-shadow: inset 20px 0 50px rgba(0, 0, 0, 0.5) 0 2px 5px rgba(0,0,0,0.5);
}
.back{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 99;
transform: rotateY(180deg);
backface-visibility: hidden;
background-color: #000;
}
.next-btn{
position: absolute;
bottom: 13px;
right: 13px;
cursor: pointer;
color: #000;
}
.back-btn{
position: absolute;
bottom: 13px;
right: 13px;
cursor: pointer;
color: #fff;
}
/* p{
color:rgb(255, 0, 230);
} */
#p1{
z-index: 5;
}
#p2{
z-index: 4;
}
#p3{
z-index: 3;
}
#p4{
z-index: 2;
}
#c1:checked ~ .flip-book #p1{
transform: rotateY(-180deg);
z-index: 1;
}
#c2:checked ~ .flip-book #p2{
transform: rotateY(-180deg);
z-index: 2;
}
#c3:checked ~ .flip-book #p3{
transform: rotateY(-180deg);
z-index: 3;
}
#c4:checked ~ .flip-book #p4{
transform: rotateY(-180deg);
z-index: 4;
}
.info{
height:75px;
width:100%;
}
218 changes: 218 additions & 0 deletions Cart.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,218 @@

*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'poppins', sans-serif;
font-size: 18px;
}
body{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-image:linear-gradient(to right,white,rgba(218, 165, 32, 0.578));
}
.header{
height: 80px;
width: 70%;
background-color: goldenrod;
border-radius: 3px;
margin: 30px 0px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px;
}
.header .logo{
font-size: 30px;
font-weight: bold;
color: white;
}
.cart{
display: flex;
background-color: white;
justify-content: space-between;
align-items: center;
padding: 7px 10px;
border-radius: 3px;
width: 80px;
}
.fa-solid{
color: goldenrod;
}
.cart p{
height: 22px;
width: 22px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 22px;
background-color: goldenrod;
color: white;
}
.container{
display: flex;
width: 70%;
margin-bottom: 30px;
z-index: 99;
position: relative;
}
#root{
width: 60%;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.sidebar{
width: 40%;
border-radius: 5px;
background-color: #eee;
margin-left: 20px;
padding: 15px;
text-align: center;
}
.head{
background-color: goldenrod;
border-radius: 3px;
height: 40px;
padding: 10px;
margin-bottom: 20px;
color: white;
display: flex;
align-items: center;
}
.foot{
display: flex;
justify-content: space-between;
margin: 20px 0px;
padding: 10px 0px;
border-top: 1px solid #333;
}
.box{
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
border: 1px solid goldenrod;
border-radius: 5px;
padding: 15px;
}
.img-box{
width: 100%;
height: 180px;
display: flex;
align-items: center;
justify-content: center;
}
.images{
max-width: 90%;
max-height: 90%;
object-fit: cover;
object-position: center;
}
.bottom{
margin-top: 20px;
width: 100%;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
height: 110px;
}
h2{
font-size: 20px;
color: red;
}
button {
width: 100%;
position: relative;
border: none;
border-radius: 5px;
background-color: goldenrod;
padding: 7px 25px;
cursor: pointer;
color: white;
}
button:hover{
background-color: #333;
}
.cart-item{
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px;
background-color: white;
border-bottom: 1px solid #aaa;
border-radius: 3px;
margin: 10px 10px;
}
.row-img{
width: 50px;
height: 50px;
border-radius: 50px;
border: 1px solid goldenrod;
display: flex;
align-items: center;
justify-content: center;
}
.rowimg{
max-width: 43px;
max-height: 43px;
border-radius: 50%;
}
.fa-trash:hover{
cursor: pointer;
color: #333;
}
#paymentButton
{
width: 100%;
position: relative;
border: none;
border-radius: 5px;
background-color: goldenrod;
padding: 7px 25px;
cursor: pointer;
color: white;
}

.success-message i{
width: 100px;
display: inline;
}

.success-message{
z-index: 100;
margin-right: 160px;
position: absolute;
background-color: #555;
border: 4px solid black;
width: 250px;
height: 220px;
text-align: center;
padding: 2px;
display: none;
}
.success-message {
border: 2px solid #4CAF50;
background-color: #f2f2f2;
color: #4CAF50;
padding: 20px;
margin-bottom: 20px;
}

.success-message h1 {
font-size: 35px;
margin-top: 0;
}

.success-message p {
font-size: 16px;
margin-top: 10px;
}

.success-message i {
margin-right: 10px;
}
35 changes: 35 additions & 0 deletions Cart.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="Cart.css">
<link rel="shortcut icon" href="favicon.svg" type="image/svg+xml">
<script src="https://kit.fontawesome.com/92d70a2fd8.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="header">
<p class="logo">LOGO</p>
<div class="cart"><i class="fa-solid fa-cart-shopping"></i><p id="count">0</p></div>
</div>
<div class="container">
<div id="root"></div>
<div class="sidebar">
<div class="head"><p>My Cart</p></div>
<div id="cartItem">Your cart is empty</div>
<div class="foot">
<h3>Total</h3>
<h2 id="total">$ 0.00</h2>
<br><br><br>
</div>
<button id="paymentButton">Make Payment</button><br><br>
</div>
</div>
<div class="success-message" id="successMessage">
<i class="fas fa-check-circle"></i>
<h1>Payment Successful!</h1>
<p>Thank you for your purchase.</p>
</div>

<script src="Bill.js"></script>
<script src="Cart.js"></script>
</body>
</html>
Loading

0 comments on commit 4a02b31

Please sign in to comment.