Skip to content

Commit ad906b1

Browse files
Vishal-raj-1Vishal-raj-1
committed
design update
1 parent 7cf0cab commit ad906b1

File tree

1 file changed

+35
-60
lines changed

1 file changed

+35
-60
lines changed

‎blog.html

+35-60
Original file line numberDiff line numberDiff line change
@@ -67,6 +67,18 @@
6767
.blogs::after {
6868
content: none;
6969
}
70+
71+
.card{
72+
background-color: #f8faff;
73+
}
74+
75+
#blogs a{
76+
background-color: #f1971a !important;
77+
}
78+
79+
.card-text{
80+
font-size: 12px;
81+
}
7082
</style>
7183
</head>
7284

@@ -78,123 +90,86 @@
7890

7991
<!-- Participants Experience -->
8092
<section id="blogs">
81-
<div class="container">
93+
<div class="container-fluid">
8294
<div class="row mb-5">
8395
<h2 class="section-heading center"><b>Participants Experience</b></h2>
8496
</div>
8597

8698
<div class="blogs row justify-content-center">
8799

88-
<div class="card mx-3" style="width: 18rem;">
100+
<div class="card mx-3" style="width: 26rem;">
89101
<div class="card-body">
90-
<h5 class="card-title font-weight-bold">Amazing Experience in GSSOC'21 as Project Admin</h5>
91-
<p class="card-text text-secondary">Vishal Rajput</p>
92-
<a href="https://www.linkedin.com/posts/vishal-r-0710061a1_girlscriptfoundation-gssoc21-girlscriptsammerofcode-activity-6811241325078355968-Y2Al/"
93-
class="btn btn-primary">Checkout</a>
102+
<h5 class="card-title font-weight-bold font-weight-bold">What is GirlScript Summer of Code? GSSoC is only for Girls?</h5>
103+
<p class="card-text text-secondary">Sanskriti</p>
104+
<a href="https://sanskrutipunde.hashnode.dev/what-is-girlscript-summer-of-code-gssoc-is-only-for-girls-ckq9hok4j08phuhs1ctosd37t"
105+
class="btn btn-primary">Read Blog</a>
94106
</div>
95107
</div>
96108

97-
<div class="card mx-3" style="width: 18rem;">
109+
<div class="card mx-3" style="width: 26rem;">
98110
<div class="card-body">
99-
<h5 class="card-title font-weight-bold font-weight-bold">What is GirlScript Summer of Code? GSSoC is only for Girls?</h5>
100-
<p class="card-text text-secondary">Sanskriti</p>
101-
<a href="https://sanskrutipunde.hashnode.dev/what-is-girlscript-summer-of-code-gssoc-is-only-for-girls-ckq9hok4j08phuhs1ctosd37t"
102-
class="btn btn-primary">Checkout</a>
111+
<h5 class="card-title font-weight-bold font-weight-bold">My experience in GSSOC’21 | Kickstart to Open Source</h5>
112+
<p class="card-text text-secondary">Chirag Agrawal</p>
113+
<a href="https://chirag9200.medium.com/my-experience-in-gssoc21-kickstart-to-open-source-1ad0e8d1456d" class="btn btn-primary">Read Blog</a>
103114
</div>
104115
</div>
105116

106-
<div class="card mx-3" style="width: 18rem;">
117+
<div class="card mx-3" style="width: 26rem;">
107118
<div class="card-body">
108119
<h5 class="card-title font-weight-bold font-weight-bold">GirlScript Summer Of Code 2021 !! First Open Source Program !!</h5>
109120
<p class="card-text text-secondary">Rohan Kulkarni</p>
110121
<a href="https://dev.to/rohank_2502/girlscript-summer-of-code-2021-first-open-source-program-1hgl"
111-
class="btn btn-primary">Checkout</a>
122+
class="btn btn-primary">Read Blog</a>
112123
</div>
113124
</div>
114125

115-
<div class="card mx-3" style="width: 18rem;">
126+
<div class="card mx-3" style="width: 26rem;">
116127
<div class="card-body">
117128
<h5 class="card-title font-weight-bold font-weight-bold">My first Open Source Contribution – GirlScript Summer of Code</h5>
118129
<p class="card-text text-secondary">Srishti Arya</p>
119130
<a href="https://dev.to/srishtiarya/my-first-open-source-contribution-girlscript-summer-of-code-1boh"
120-
class="btn btn-primary">Checkout</a>
131+
class="btn btn-primary">Read Blog</a>
121132
</div>
122133
</div>
123134

124-
<div class="card mx-3" style="width: 18rem;">
135+
<div class="card mx-3" style="width: 26rem;">
125136
<div class="card-body">
126137
<h5 class="card-title font-weight-bold font-weight-bold">First steps in GirlScript Summer of Code'21</h5>
127138
<p class="card-text text-secondary">Vybhav72954</p>
128-
<a href="https://dev.to/vybhav/first-steps-in-girlscript-summer-of-code-21-2353" class="btn btn-primary">Checkout</a>
139+
<a href="https://dev.to/vybhav/first-steps-in-girlscript-summer-of-code-21-2353" class="btn btn-primary">Read Blog</a>
129140
</div>
130141
</div>
131142

132-
<div class="card mx-3" style="width: 18rem;">
143+
<div class="card mx-3" style="width: 26rem;">
133144
<div class="card-body">
134145
<h5 class="card-title font-weight-bold font-weight-bold">My GSSoC'21 Experience</h5>
135146
<p class="card-text text-secondary">Akhil</p>
136-
<a href="https://akhilbhalerao.me/my-gssoc21-experience" class="btn btn-primary">Checkout</a>
147+
<a href="https://akhilbhalerao.me/my-gssoc21-experience" class="btn btn-primary">Read Blog</a>
137148
</div>
138149
</div>
139150

140-
<div class="card mx-3" style="width: 18rem;">
151+
<div class="card mx-3" style="width: 26rem;">
141152
<div class="card-body">
142153
<h5 class="card-title font-weight-bold ">As a participant of GSSoC '21</h5>
143154
<p class="card-text text-secondary">Himanshu Singh</p>
144155
<a href="https://dynamicprogrammer.hashnode.dev/as-a-participant-of-gssoc-21"
145-
class="btn btn-primary">Checkout</a>
146-
</div>
147-
</div>
148-
149-
<div class="card mx-3" style="width: 18rem;">
150-
<div class="card-body">
151-
<h5 class="card-title font-weight-bold font-weight-bold">Kickstarted my OPEN SOURCE</h5>
152-
<p class="card-text text-secondary">Tanishq Arya</p>
153-
<a href="https://www.linkedin.com/posts/tanishq-arya-697b571a3_opensource-girlscriptfoundation-gssoc-activity-6810089601982636032-bzVv"
154-
class="btn btn-primary">Checkout</a>
156+
class="btn btn-primary">Read Blog</a>
155157
</div>
156158
</div>
157159

158-
<div class="card mx-3" style="width: 18rem;">
159-
<div class="card-body">
160-
<h5 class="card-title font-weight-bold font-weight-bold">GSSOC'21 Journey</h5>
161-
<p class="card-text text-secondary">Avinash Kumar</p>
162-
<a href="https://www.linkedin.com/posts/avinash-gupta-3321041ba_gssoc21-opensource-activity-6811166197611057152-zy8Q"
163-
class="btn btn-primary">Checkout</a>
164-
</div>
165-
</div>
166-
167-
<div class="card mx-3" style="width: 18rem;">
160+
<div class="card mx-3" style="width: 26rem;">
168161
<div class="card-body">
169162
<h5 class="card-title font-weight-bold font-weight-bold">Kickstart to Open Source | GSSoC ’21</h5>
170163
<p class="card-text text-secondary">Raveena Bhasin</p>
171164
<a href="https://raveenabhasin15.medium.com/kickstart-to-open-source-gssoc-21-9e68a995ad96"
172-
class="btn btn-primary">Checkout</a>
173-
</div>
174-
</div>
175-
176-
<div class="card mx-3" style="width: 18rem;">
177-
<div class="card-body">
178-
<h5 class="card-title font-weight-bold font-weight-bold">Gssoc'21 Experience Rank#68</h5>
179-
<p class="card-text text-secondary">Jayapritha N</p>
180-
<a href="https://www.linkedin.com/posts/activity-6810435144000913408-7AAe"
181-
class="btn btn-primary">Checkout</a>
182-
</div>
183-
</div>
184-
185-
<div class="card mx-3" style="width: 18rem;">
186-
<div class="card-body">
187-
<h5 class="card-title font-weight-bold font-weight-bold">Amazing Experience With GSSOC'21</h5>
188-
<p class="card-text text-secondary">Sandeep Suman</p>
189-
<a href="https://www.linkedin.com/posts/sandeepkrsuman_gssoc21-opensource-summerofcode-activity-6810106594165051393-3p1M"
190-
class="btn btn-primary">Checkout</a>
165+
class="btn btn-primary">Read Blog</a>
191166
</div>
192167
</div>
193168
</div>
194169

195170

196171
<div class="mt-5 row justify-content-center">
197-
<a href="https://medium.com/girlscript-summer-of-code" class="btn">Checkout More Blogs at Medium <i class="fas fa-angle-double-right"></i></a>
172+
<a href="https://medium.com/girlscript-summer-of-code" class="btn">Read More Blogs on Medium <i class="fas fa-angle-double-right"></i></a>
198173
</div>
199174
</div>
200175
</section>

0 commit comments

Comments
 (0)