Skip to content

Commit a790ca6

Browse files
Varun2125Varun2125
committed
card updated for material
1 parent 87b37ce commit a790ca6

File tree

2 files changed

+55
-63
lines changed

2 files changed

+55
-63
lines changed

‎departments/DepartmentMain.css

+33
Original file line numberDiff line numberDiff line change
@@ -51,6 +51,39 @@ p {
5151
font-size: 13px;
5252
line-height: 22px;
5353
}
54+
.container-data {
55+
display: flex;
56+
justify-content: left;
57+
align-items: left;
58+
}
59+
.card-data {
60+
width: 65%;
61+
height: auto;
62+
padding: 20px;
63+
margin-left: 50px;
64+
margin-bottom: 100px;
65+
color: white;
66+
background: linear-gradient(#14152A, #14152A) padding-box,
67+
linear-gradient(145deg, transparent 35%,#e81cff, #40c9ff) border-box;
68+
border: 2px solid transparent;
69+
border-radius: 8px;
70+
display: flex;
71+
}
72+
73+
.card-data .main-content {
74+
flex: 1;
75+
}
76+
77+
.card-data .heading {
78+
font-size: 20px;
79+
80+
font-weight: 600;
81+
}
82+
83+
.card-data .categories {
84+
display: flex;
85+
gap: 8px;
86+
}
5487

5588
.container1 {
5689
display: flex;

‎departments/computer/I-Scheme/Model_Answer.html

+22-63
Original file line numberDiff line numberDiff line change
@@ -12,40 +12,6 @@
1212
integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+"
1313
crossorigin="anonymous"></script>
1414

15-
<style>
16-
.container1 {
17-
display: flex;
18-
justify-content: space-between;
19-
flex-wrap: wrap; /* Allow items to wrap to next line */
20-
}
21-
22-
.card {
23-
width: 30%;
24-
margin-bottom:78px;
25-
margin-top: -12%;
26-
border: 1px solid #ccc;
27-
border-radius: 8px;
28-
overflow: hidden;
29-
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
30-
}
31-
32-
.heading {
33-
font-size: 18px;
34-
margin: 0;
35-
text-align: center;
36-
}
37-
38-
/* Media query for smaller screens */
39-
@media (max-width: 720px) {
40-
.container1 {
41-
flex-direction: column;
42-
}
43-
44-
.card {
45-
width: 80%
46-
}
47-
}
48-
</style>
4915
</head>
5016

5117
<body>
@@ -63,39 +29,32 @@ <h2>Model Answers</h2>
6329
</div>
6430
</div>
6531
</section>
66-
<div class="container1" style="padding-bottom: 50px;">
67-
<a href="./I-Scheme.html">
68-
<div class="card">
69-
<div class="main-content">
70-
<p class="heading">I - Scheme </p>
32+
<div class="container-data">
33+
<div class="card-data">
34+
<div class="main-content">
35+
<p class="heading">Different ways to use CSS in React</p>
36+
<div class="categories">
37+
<span>React</span>
7138
</div>
7239
</div>
73-
</a>
74-
<a href="./K-Scheme.html">
75-
<div class="card">
76-
<div class="main-content">
77-
<p class="heading">K - Scheme</p>
78-
</div>
79-
</div>
80-
</a>
40+
</div>
8141
</div>
82-
8342
<script src="../../../loadfooter.js"></script>
84-
</body>
85-
<!-- Include your footer and scripts -->
43+
</body>
44+
<!-- Include your footer and scripts -->
45+
46+
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
47+
<script src="../../../vendor/jquery/jquery.min.js"></script>
48+
<script src="../../../vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
49+
<script src="../../../assets/js/isotope.min.js"></script>
50+
<script src="../../../assets/js/owl-carousel.js"></script>
51+
<script src="../../../assets/js/lightbox.js"></script>
52+
<script src="../../../assets/js/tabs.js"></script>
53+
<script src="../../../assets/js/video.js"></script>
54+
<script src="../../../assets/js/slick-slider.js"></script>
55+
<script src="../../../assets/js/custom.js"></script>
8656

87-
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
88-
<script src="../../../vendor/jquery/jquery.min.js"></script>
89-
<script src="../../../vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
90-
<script src="../../../assets/js/isotope.min.js"></script>
91-
<script src="../../../assets/js/owl-carousel.js"></script>
92-
<script src="../../../assets/js/lightbox.js"></script>
93-
<script src="../../../assets/js/tabs.js"></script>
94-
<script src="../../../assets/js/video.js"></script>
95-
<script src="../../../assets/js/slick-slider.js"></script>
96-
<script src="../../../assets/js/custom.js"></script>
97-
98-
<!-- This place i have called the footer -->
57+
<!-- This place i have called the footer -->
9958

10059

101-
</html>
60+
</html>

0 commit comments

Comments
 (0)