-
Notifications
You must be signed in to change notification settings - Fork 2
/
card_course.html
102 lines (92 loc) · 2.72 KB
/
card_course.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
---
layout: default
title: Kiran Shakti Course | Kiran Foundation
---
<div class="training-section">
<h1> Past Courses </h1>
<div class="container-new">
<div class="training-item">
<a href="/shakti_course/efs-2023/"><img src="/images/posts/financial.jpg" ></a>
<h2>Essential Finance Skills for Woman 2023</h2>
<p> ( July - August 2023 ) </p>
<a href="/shakti_course/efs-2023/"><button> Read More </button></a>
</div>
<div class="training-item">
<a href="/shakti_course/advance-canva-2023/"><img src="/images/eds/eds2023.png"></a>
<h2>Advance Canva for Women</h2>
<p> ( May - July 2023 ) </p>
<a href="/shakti_course/advance-canva-2023/"><button> Read More </button></a>
</div>
<div class="training-item">
<a href="/shakti_course/eds-2022/"><img src="/images/eds/eds2022.png" ></a>
<h2>Essential Digital Skills for Woman</h2>
<p> ( November - December 2022 ) </p>
<a href="/shakti_course/eds-2022/"><button> Read More </button></a>
</div>
<div class="training-item">
<a href="/shakti_course/law-2022/"><img src="/images/Law/efs2022(1).png" ></a>
<h2>Everyday law for Woman</h2>
<p> ( July - August 2022 ) </p>
<a href="/shakti_course/law-2022/"><button> Read More </button></a>
</div>
<div class="training-item">
<a href="/shakti_course/efs-2022/"><img src="/images/efs/efs2022.png"></a>
<h2> Essential Finance Skills for Woman </h2>
<p> ( May - July 2022 ) </p>
<a href="/shakti_course/efs-2022/"><button> Read More </button></a>
</div>
</div>
</div>
<!--Style for card_course.html-->
<style>
.training-section{
width: 100%;
background-size: cover;
padding: 60px;
background-color: #c9e5ef;
}
.training-section h1{
text-align: center;
padding: 25px 0px;
color: #000;
}
.container-new{
width: 1000px;
margin: auto;
flex-wrap: wrap;
display: flex;
justify-content: space-around;
}
.training-item{
flex-basis: 45%;
margin: 25px 0px;
text-align: center;
background: #fff;
padding-bottom: 15px;
}
.training-item img{
width: 536px;
height: 440px;
}
.training-item h2{
margin: 10px 0 0px 0;
color: #000;
}
.training-item button{
background: #fff;
border: none;
color: #F1592A;
}
@media only screen and (min-width: 200px) and (max-width: 768px){
.container-new{
max-width: 100%;
flex: 100%;
flex-direction: column;
}
.training-item img{
width: 100%;
height: 100%;
}
}
</style>
<!--End of style -->