Skip to content

Commit df85eb7

Browse files
PrinkalDhingraPrinkalDhingra
authored
Update index.html
1 parent 196666c commit df85eb7

File tree

1 file changed

+62
-78
lines changed

1 file changed

+62
-78
lines changed

‎index.html

+62-78
Original file line numberDiff line numberDiff line change
@@ -26,9 +26,9 @@
2626
<body class="has-animations">
2727
<div class="body-wrap boxed-container container-fluid">
2828
<main>
29-
<section class="hero" style="padding: 0px; margin: 0; padding-bottom: 10%; background-color: #3F3961;">
30-
<div class="hero-out" style="padding: 0 auto; margin:0px; width: 100%; background-color: #3F3961;">
31-
<header class="site-header" style="width: 100%; padding: 0; background-color: #3F3961;">
29+
<section class="hero" style="padding: 0px; margin: 0; padding-bottom: 10%; background-color: #1D192B;">
30+
<div class="hero-out" style="padding: 0 auto; margin:0px; width: 100%; background-color: #1D192B;">
31+
<header class="site-header" style="width: 100%; padding: 0; background-color: #1D192B;">
3232
<div class="container head">
3333
<div class="site-header-inner">
3434
<div class="brand header-brand">
@@ -51,7 +51,7 @@ <h1 class="m-0">
5151
</div>
5252
</header>
5353
<div class="hero-inner">
54-
<div class="hero-copy" style="margin-bottom: 0;background-color: #3F3961;">
54+
<div class="hero-copy" style="margin-bottom: 0;background-color: #1D192B;">
5555
<h1 class="hero-title mt-0">Your journey into <br />open source starts here</h1>
5656
<p class="hero-paragraph">A month-long program starting in December for students to <br>
5757
start
@@ -60,7 +60,7 @@ <h1 class="hero-title mt-0">Your journey into <br />open source starts here</h1>
6060
</div>
6161

6262
<div class="image" style="margin-left:0 ; margin:0 ; padding:0">
63-
<img src="./src/images/opencode24.png" width="486" height="358" viewbox="0 0 486 408" fill="none">
63+
<img src="/src/images/opencode24.png" width="486" height="358" viewbox="0 0 486 408" fill="none">
6464
</div>
6565

6666
<div class="hero-form field field-grouped jd-div">
@@ -96,7 +96,7 @@ <h1 class="hero-title mt-0">Your journey into <br />open source starts here</h1>
9696
</div>
9797
</section>
9898

99-
<section class="features section" style="background-color: #3F3961;">
99+
<section class="features section" style="background-color: #1D192B;">
100100
<div class="container-fluid-one">
101101
<div class="features-inner features-inner-how section-inner">
102102
<div class="features-header text-center">
@@ -106,17 +106,17 @@ <h2 class="section-title-how section-title mt-0">How Opencode Works</h2>
106106

107107
</div>
108108
</div>
109-
<div class="features-wrap" style=" padding: 0; background-color: #3F3961;">
109+
<div class="features-wrap" style=" padding: 0; background-color: #1D192B;">
110110
<div class="shadow2" ></div>
111111
<div class="div"
112-
style="display: flex; flex-direction: row; justify-content: space-evenly;; flex-wrap: wrap; width: 100%; padding: 0 50px; z-index: 2; background-color: #3F3961;">
112+
style="display: flex; flex-direction: row; justify-content: space-evenly;; flex-wrap: wrap; width: 100%; padding: 0 50px; z-index: 2; background-color: #1D192B;">
113113
<div class="how-column text-center ">
114114
<div class="feature-inner1">
115115

116116
<h1 class="feature-title-no" style="color: rgb(103, 102, 174);
117117
">1</h1>
118118
<h3 class="feature-title1 h3-mobile mb-8">Claim Issue</h3>
119-
<div class="line1" style="border: 1px solid #3F3961; width: 43px;"></div>
119+
<div class="line1" style="border: 1px solid #1D192B; width: 43px;"></div>
120120
<p class="features-p"><br>It doesn't matter whether you know how to solve it.
121121
Don't look
122122
out for issues you know how to solve, but rather to the once you don't know
@@ -130,7 +130,7 @@ <h3 class="feature-title1 h3-mobile mb-8">Claim Issue</h3>
130130
<h1 class="feature-title-no" style="color: rgb(103, 102, 174);
131131
">2</h1>
132132
<h3 class="feature-title1 h3-mobile mb-8">Solve Issue</h3>
133-
<div class="line1" style="border: 1px solid #3F3961; width: 43px;"></div>
133+
<div class="line1" style="border: 1px solid #1D192B; width: 43px;"></div>
134134
<p class="features-p"><br>After claiming the issue, now it's the time to explore
135135
ways on
136136
how to proceed.<br />
@@ -144,7 +144,7 @@ <h3 class="feature-title1 h3-mobile mb-8">Solve Issue</h3>
144144

145145
<h1 class="feature-title-no" style="color: rgb(103, 102, 174);">3</h1>
146146
<h3 class="feature-title1 h3-mobile mb-8">Open a PR</h3>
147-
<div class="line1" style="border: 1px solid #3F3961; width: 43px;"></div>
147+
<div class="line1" style="border: 1px solid #1D192B; width: 43px;"></div>
148148
<p class="features-p"><br>After reading everything on internet ever written and
149149
those to be written in
150150
future, it's the time to open your pr.<br />
@@ -157,7 +157,7 @@ <h3 class="feature-title1 h3-mobile mb-8">Open a PR</h3>
157157

158158
<h1 class="feature-title-no" style="color: rgb(103, 102, 174);">4</h1>
159159
<h3 class="feature-title1 h3-mobile mb-8">Leaderboard</h3>
160-
<div class="line1" style="border: 1px solid #3F3961; width: 43px;"></div>
160+
<div class="line1" style="border: 1px solid #1D192B; width: 43px;"></div>
161161
<p class="features-p"><br>After spending another sleepless night to see your pr
162162
getting
163163
merged it's the time to climb up the leaderboard and enjoy that shortliving
@@ -227,7 +227,7 @@ <h3 class="feature-title1 h3-mobile mb-8">Leaderboard</h3>
227227
</div>
228228
</section>
229229

230-
<section class="features section next" style="background-color: #3F3961 ;">
230+
<section class="features section next" style="background-color: #1D192B ;">
231231
<div class="container-fluid-two">
232232
<div class="features-inner features-inner-projects section-inner" >
233233
<div class="features-header text-center">
@@ -238,7 +238,7 @@ <h2 class="section-title mt-0 project-heading">Past Projects</h2>
238238
</div>
239239

240240

241-
<div class="features-wrap" style="padding: 0 8%;background-color: #3F3961;">
241+
<div class="features-wrap" style="padding: 0 8%;background-color: #1D192B;">
242242

243243
<div class="feature text-center is-revealing">
244244
<div class="feature-inner project-card" style="background-color:#514880 ;">
@@ -631,7 +631,7 @@ <h4 class="feature-title h3-mobile mb-8"> <a class="buttonL"
631631
</section>
632632

633633

634-
<section class="testimonials section" style="background-color: #3F3961;">
634+
<section class="testimonials section" style="background-color: #1D192B;">
635635
<div class="container-fluid">
636636
<div class="testimonials-inner section-inner">
637637
<h2 class="section-title mt-0 text-center testimonial-heading">Testimonials</h2>
@@ -640,9 +640,9 @@ <h2 class="section-title mt-0 text-center testimonial-heading">Testimonials</h2>
640640
<div class="card-carousel-wrap">
641641
<div class="card-carousel owl-carousel owl-theme">
642642

643-
<div class="item">
644-
<div class="card-wrap">
645-
<div class="card" style="background-color: #9186c9;">
643+
<div class="item" style="height: 350px; width: 350px;">
644+
<div class="card-wrap" style="height: 100%; width: 100%;">
645+
<div class="card" style="height: 100%; width: 100%; border-radius: 50%;">
646646

647647
<div class="card-back">
648648
<!-- <img src="src/images/two.png" class="quotes" alt=""> -->
@@ -654,15 +654,15 @@ <h2 class="section-title mt-0 text-center testimonial-heading">Testimonials</h2>
654654

655655
<div class="product-wrap">
656656
<div class="testimonial-body">
657-
<p class="mb-0" style="color: #3F3961;"> OpenCode ended with
657+
<p class="mb-0"> OpenCode ended with
658658
introducing me to new and
659659
exciting stuff like loaders, cool libraries like
660660
particle.js, making
661661
game with the help of
662662
javascript and many more things.
663663
<br>
664664
<a href="https://medium.com/@ananyaagrawal125/experience-with-opencode-18-4df353b93e95"
665-
target="_blank" style="color: #513fb7;">Read
665+
target="_blank">Read
666666
the full blog</a>
667667
</p>
668668

@@ -686,9 +686,10 @@ <h6>Ananya Agrawal</h6>
686686
</div>
687687
</div>
688688
</div>
689-
<div class="item">
690-
<div class="card-wrap">
691-
<div class="card" style="background-color: #9186c9;">
689+
<div class="item" style="height: 350px; width: 350px;">
690+
<div class="card-wrap" style="height: 100%; width: 100%;">
691+
<div class="card" style="height: 100%; width: 100%; border-radius: 50%;">
692+
692693

693694
<div class="card-back">
694695
<!-- <img src="src/images/two.png" class="quotes" alt=""> -->
@@ -699,15 +700,15 @@ <h6>Ananya Agrawal</h6>
699700

700701
<div class="product-wrap">
701702
<div class="testimonial-body">
702-
<p class="mb-0" style="color: #3F3961;"> The sheer variety of tasks which this
703+
<p class="mb-0"> The sheer variety of tasks which this
703704
event provides is
704705
reason enough for any person to try it out. From
705706
competitive coders to
706707
budding data scientists, everyone can find something
707708
to their liking.
708709
<br>
709710
<a href="https://medium.com/@panivishal17/my-journey-with-opencode18-5336ea8c9f07"
710-
target="_blank" style="color: #513fb7;">Read
711+
target="_blank">Read
711712
the full blog</a>
712713
</p>
713714

@@ -730,9 +731,9 @@ <h6>Vishal Pani</h6>
730731
</div>
731732
</div>
732733
</div>
733-
<div class="item">
734-
<div class="card-wrap">
735-
<div class="card" style="background-color: #9186c9;">
734+
<div class="item" style="height: 350px; width: 350px;">
735+
<div class="card-wrap" style="height: 100%; width: 100%;">
736+
<div class="card" style="height: 100%; width: 100%; border-radius: 50%;">
736737

737738
<div class="card-back">
738739
<!-- <img src="src/images/two.png" class="quotes" alt=""> -->
@@ -744,12 +745,12 @@ <h6>Vishal Pani</h6>
744745

745746
<div class="product-wrap">
746747
<div class="testimonial-body">
747-
<p class="mb-0" style="color: #3F3961;"> OpenCode taught me that learning never
748+
<p class="mb-0"> OpenCode taught me that learning never
748749
stops. Every day we learn something new and this
749750
cycle continues forever.
750751
<br>
751752
<a href="https://medium.com/nybles/what-i-learned-through-opencode-39622d7c7024"
752-
target="_blank" style="color: #513fb7;">Read
753+
target="_blank">Read
753754
the full blog</a>
754755
</p>
755756

@@ -771,9 +772,10 @@ <h6>Varun Tiwari</h6>
771772
</div>
772773
</div>
773774
</div>
774-
<div class="item" >
775-
<div class="card-wrap" >
776-
<div class="card" style="background-color: #9186c9;">
775+
<div class="item" style="height: 350px; width: 350px;">
776+
<div class="card-wrap" style="height: 100%; width: 100%;">
777+
<div class="card" style="height: 100%; width: 100%; border-radius: 50%;">
778+
777779

778780
<div class="card-back" >
779781
<!-- <img src="src/images/two.png" class="quotes" alt=""> -->
@@ -784,17 +786,15 @@ <h6>Varun Tiwari</h6>
784786

785787
<div class="product-wrap">
786788
<div class="testimonial-body">
787-
<p class="mb-0" style="color: #3F3961;">It was an amazing experience. Learning
789+
<p class="mb-0">It was an amazing experience. Learning
788790
and discussing with
789791
all might.
790792
A journey beyond the ocean world of opensource,
791793
where we like a small
792-
drop were ready to submerge in those thousands of
793-
line of code yet begin
794-
our new ride all along with other drops.
794+
drop were ready to submerge in code.
795795
<br>
796796
<a href="https://blog.usejournal.com/diving-into-the-world-of-open-source-dbe81b5e09bd?"
797-
target="_blank" style="color: #513fb7;">Read
797+
target="_blank">Read
798798
the full blog</a>
799799
</p>
800800

@@ -818,9 +818,10 @@ <h6>Lekhika Dugtal</h6>
818818
</div>
819819
</div>
820820
</div>
821-
<div class="item">
822-
<div class="card-wrap">
823-
<div class="card" style="background-color: #9186c9;">
821+
<div class="item" style="height: 350px; width: 350px;">
822+
<div class="card-wrap" style="height: 100%; width: 100%;">
823+
<div class="card" style="height: 100%; width: 100%; border-radius: 50%;">
824+
824825

825826
<div class="card-back">
826827
<!-- <img src="src/images/two.png" class="quotes" alt=""> -->
@@ -831,17 +832,13 @@ <h6>Lekhika Dugtal</h6>
831832

832833
<div class="product-wrap">
833834
<div class="testimonial-body">
834-
<p class="mb-0" style="color: #3F3961;"> People used to take any issue that
835+
<p class="mb-0"> People used to take any issue that
835836
comes their way, be it
836837
something they even haven’t heard
837-
about. I guess, that’s the beauty of OpenCode, it
838-
helps us let go of our
839-
fear of tackling
840-
problems without thinking about whether we can solve
841-
them or not.
838+
about. I guess, that’s the beauty of OpenCode.
842839
<br>
843840
<a href="https://medium.com/@chavada.jigar.3/my-experience-of-opencode18-4433b6eaf823"
844-
target="_blank" style="color: #513fb7;">Read
841+
target="_blank">Read
845842
the full blog</a>
846843
</p>
847844

@@ -865,9 +862,9 @@ <h6>Jigar Chavada</h6>
865862
</div>
866863
</div>
867864
</div>
868-
<div class="item">
869-
<div class="card-wrap">
870-
<div class="card" style="background-color: #9186c9;">
865+
<div class="item" style="height: 350px; width: 350px;">
866+
<div class="card-wrap" style="height: 100%; width: 100%;">
867+
<div class="card" style="height: 100%; width: 100%; border-radius: 50%;">
871868

872869
<div class="card-back">
873870
<!-- <img src="src/images/two.png" class="quotes" alt=""> -->
@@ -877,17 +874,13 @@ <h6>Jigar Chavada</h6>
877874

878875
<div class="product-wrap">
879876
<div class="testimonial-body">
880-
<p class="mb-0" style="color: #3F3961;">Opencode played a very important role in
877+
<p class="mb-0">Opencode played a very important role in
881878
my college life, it
882879
helped me connect with my seniors, and for the first
883880
time I got my code
884-
eviewed by people better than me. It taught me
885-
concepts that I still use
886-
after 2 years! The best part of opencode: It is for
887-
everyone, no matter
888-
what you like <br><a
881+
eviewed by people better than me. <br><a
889882
href="https://www.truetricks.com/why-you-should-contribute-to-opensource-my-opencode19-experience/"
890-
target="_blank" style="color: #513fb7;">Read
883+
target="_blank">Read
891884
the full blog</a></p>
892885

893886

@@ -909,9 +902,9 @@ <h6>Manthan Surkar</h6>
909902
</div>
910903
</div>
911904
</div>
912-
<div class="item">
913-
<div class="card-wrap">
914-
<div class="card" style="background-color: #9186c9;">
905+
<div class="item" style="height: 350px; width: 350px;">
906+
<div class="card-wrap" style="height: 100%; width: 100%;">
907+
<div class="card" style="height: 100%; width: 100%; border-radius: 50%;">
915908

916909
<div class="card-back">
917910
<!-- <img src="src/images/two.png" class="quotes" alt=""> -->
@@ -921,16 +914,13 @@ <h6>Manthan Surkar</h6>
921914

922915
<div class="product-wrap">
923916
<div class="testimonial-body">
924-
<p class="mb-0" style="color: #3F3961;">The beauty of OpenCode is that it’s
917+
<p class="mb-0">The beauty of OpenCode is that it’s
925918
equally challenging for
926919
both new developers and seasoned developers. Through
927920
OpenCode I got to
928921
work outside of my comfort zone and learn
929922
technologies I perhaps would
930-
never have touched. It was a crazy learning
931-
experience and a very good
932-
starting point for anyone trying to get into
933-
development or open source.</p>
923+
never have touched. </p>
934924

935925

936926
</div>
@@ -951,9 +941,9 @@ <h6>Shreyas Gupta</h6>
951941
</div>
952942
</div>
953943
</div>
954-
<div class="item">
955-
<div class="card-wrap">
956-
<div class="card" style="background-color: #9186c9;">
944+
<div class="item" style="height: 350px; width: 350px;">
945+
<div class="card-wrap" style="height: 100%; width: 100%;">
946+
<div class="card" style="height: 100%; width: 100%; border-radius: 50%;">
957947

958948
<div class="card-back">
959949
<!-- <img src="src/images/two.png" class="quotes" alt=""> -->
@@ -963,21 +953,15 @@ <h6>Shreyas Gupta</h6>
963953

964954
<div class="product-wrap">
965955
<div class="testimonial-body">
966-
<p class="mb-0" style="color: #3F3961;">I am grateful to Opencode for
956+
<p class="mb-0">I am grateful to Opencode for
967957
kickstarting my
968958
journey in tech and all things Development. Over the
969959
course of the
970960
Hackathon, I went from knowing very little about
971961
different
972962
technical domains to having contributed in nearly
973963
every
974-
diverse repository in the event. Opencode is not
975-
only
976-
challenging for those familiar with dev, but also an
977-
immense
978-
learning opportunity for anyone with just the right
979-
amount of zeal
980-
and persistence.</p>
964+
diverse repository in the event. </p>
981965

982966

983967
</div>
@@ -1008,7 +992,7 @@ <h6>Raghav Goel</h6>
1008992
</div>
1009993
</section>
1010994

1011-
<section class=" section" style="background-color: #3F3961;">
995+
<section class=" section" style="background-color: #1D192B;">
1012996
<div class="container">
1013997
<div class="features-inner section-inner">
1014998
<div class="features-headerr">

0 commit comments

Comments
 (0)