Skip to content

Commit cd1816d

Browse files
hrahul2605hrahul2605
committed
improve: dev chapter template
1 parent 9fc756b commit cd1816d

File tree

1 file changed

+57
-29
lines changed

1 file changed

+57
-29
lines changed

‎src/pages/chapters/development.md‎

Lines changed: 57 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -8,36 +8,64 @@ title: Development
88
<carbon-dicom-overlay class="text-4xl" />
99
<h2>Development</h2>
1010
</div>
11-
12-
<div class="flex flex-col justify-center">
13-
<div class="relative bg-white">
14-
<div class="lg:absolute lg:inset-0">
15-
<div class="lg:absolute lg:inset-y-0 lg:left-0 lg:w-1/2">
16-
<img class="h-56 w-full object-cover lg:absolute lg:h-full" src="https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-1.2.1&amp;auto=format&amp;fit=crop&amp;w=1567&amp;q=80" alt="">
17-
</div>
11+
<div class="relative py-16 overflow-hidden">
12+
<div class="hidden lg:block lg:absolute lg:inset-y-0 lg:h-full lg:w-full">
13+
<div class="relative h-full text-lg max-w-prose mx-auto" aria-hidden="true">
14+
<!-- <svg class="absolute top-12 left-full transform translate-x-32" width="404" height="384" fill="none" viewBox="0 0 404 384">
15+
<defs>
16+
<pattern id="74b3fd99-0a6f-4271-bef2-e80eeafdf357" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
17+
<rect x="0" y="0" width="4" height="4" class="text-gray-200" fill="currentColor"></rect>
18+
</pattern>
19+
</defs>
20+
<rect width="404" height="384" fill="url(#74b3fd99-0a6f-4271-bef2-e80eeafdf357)"></rect>
21+
</svg> -->
22+
<!-- <svg class="absolute top-1/2 right-full transform -translate-y-1/2 -translate-x-32" width="404" height="384" fill="none" viewBox="0 0 404 384">
23+
<defs>
24+
<pattern id="f210dbf6-a58d-4871-961e-36d5016a0f49" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
25+
<rect x="0" y="0" width="4" height="4" class="text-gray-200" fill="currentColor"></rect>
26+
</pattern>
27+
</defs>
28+
<rect width="404" height="384" fill="url(#f210dbf6-a58d-4871-961e-36d5016a0f49)"></rect>
29+
</svg> -->
30+
<!-- <svg class="absolute bottom-12 left-full transform translate-x-32" width="404" height="384" fill="none" viewBox="0 0 404 384">
31+
<defs>
32+
<pattern id="d3eb07ae-5182-43e6-857d-35c643af9034" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
33+
<rect x="0" y="0" width="4" height="4" class="text-gray-200" fill="currentColor"></rect>
34+
</pattern>
35+
</defs>
36+
<rect width="404" height="384" fill="url(#d3eb07ae-5182-43e6-857d-35c643af9034)"></rect>
37+
</svg> -->
38+
</div>
39+
</div>
40+
<div class="relative px-4 sm:px-6 lg:px-8">
41+
<div class="text-lg max-w-prose mx-auto">
42+
<h1>
43+
<span class="block text-base text-center text-red-600 font-semibold tracking-wide uppercase dark:text-red-400">Introducing</span>
44+
<span class="mt-2 block text-3xl text-center leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl dark:text-white">Development Chapter of CodeIIEST</span>
45+
</h1>
46+
<p class="mt-8 text-xl text-gray-500 dark:text-gray-400 leading-8">Aliquet nec orci mattis amet quisque ullamcorper neque, nibh sem. At arcu, sit dui mi, nibh dui, diam eget aliquam. Quisque id at vitae feugiat egestas ac. Diam nulla orci at in viverra scelerisque eget. Eleifend egestas fringilla sapien.</p>
1847
</div>
19-
<div class="relative pt-12 pb-16 px-4 sm:pt-16 sm:px-6 lg:px-8 lg:max-w-7xl lg:mx-auto lg:grid lg:grid-cols-2">
20-
<div class="lg:col-start-2 lg:pl-8">
21-
<div class="text-base max-w-prose mx-auto lg:max-w-lg lg:ml-auto lg:mr-0">
22-
<h2 class="leading-6 text-indigo-600 font-semibold tracking-wide uppercase">Work with us</h2>
23-
<h3 class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">Our Process</h3>
24-
<p class="mt-8 text-lg text-gray-500">Sagittis scelerisque nulla cursus in enim consectetur quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit amet, sed aenean erat arcu morbi.</p>
25-
<div class="mt-5 prose prose-indigo text-gray-500">
26-
<p>Sollicitudin tristique eros erat odio sed vitae, consequat turpis elementum. Lorem nibh vel, eget pretium arcu vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna.</p>
27-
<p>Bibendum eu nulla feugiat justo, elit adipiscing. Ut tristique sit nisi lorem pulvinar. Urna, laoreet fusce nibh leo. Dictum et et et sit. Faucibus sed non gravida lectus dignissim imperdiet a.</p>
28-
<p>Dictum magnis risus phasellus vitae quam morbi. Quis lorem lorem arcu, metus, egestas netus cursus. In.</p>
29-
<ul>
30-
<li>Quis elit egestas venenatis mattis dignissim.</li>
31-
<li>Cras cras lobortis vitae vivamus ultricies facilisis tempus.</li>
32-
<li>Orci in sit morbi dignissim metus diam arcu pretium.</li>
33-
</ul>
34-
<p>Rhoncus nisl, libero egestas diam fermentum dui. At quis tincidunt vel ultricies. Vulputate aliquet velit faucibus semper. Pellentesque in venenatis vestibulum consectetur nibh id. In id ut tempus egestas. Enim sit aliquam nec, a. Morbi enim fermentum lacus in. Viverra.</p>
35-
<h3>How we’re different</h3>
36-
<p>Tincidunt integer commodo, cursus etiam aliquam neque, et. Consectetur pretium in volutpat, diam. Montes, magna cursus nulla feugiat dignissim id lobortis amet. Laoreet sem est phasellus eu proin massa, lectus. Diam rutrum posuere donec ultricies non morbi. Mi a platea auctor mi.</p>
37-
<p>Mauris ullamcorper imperdiet nec egestas mi quis quam ante vulputate. Vel faucibus adipiscing lacus, eget. Nunc fermentum id tellus donec. Ut metus odio sit sit varius non nunc orci. Eu, mi neque, ornare suspendisse amet, nibh. Facilisi volutpat lectus id sapien dis mauris rhoncus. Est rhoncus, interdum imperdiet ac eros, diam mauris, tortor. Risus id sit molestie magna.</p>
38-
</div>
39-
</div>
40-
</div>
48+
<div class="mt-6 prose prose-red prose-lg text-gray-500 dark:text-gray-400 mx-auto">
49+
<p>Faucibus commodo massa rhoncus, volutpat. <strong>Dignissim</strong> sed <strong>eget risus enim</strong>. Mattis mauris semper sed amet vitae sed turpis id. Id dolor praesent donec est. Odio penatibus risus viverra tellus varius sit neque erat velit. Faucibus commodo massa rhoncus, volutpat. Dignissim sed eget risus enim. <a href="#">Mattis mauris semper</a> sed amet vitae sed turpis id.</p>
50+
<ul>
51+
<li>Quis elit egestas venenatis mattis dignissim.</li>
52+
<li>Cras cras lobortis vitae vivamus ultricies facilisis tempus.</li>
53+
<li>Orci in sit morbi dignissim metus diam arcu pretium.</li>
54+
</ul>
55+
<p>Quis semper vulputate aliquam venenatis egestas sagittis quisque orci. Donec commodo sit viverra aliquam porttitor ultrices gravida eu. Tincidunt leo, elementum mattis elementum ut nisl, justo, amet, mattis. Nunc purus, diam commodo tincidunt turpis. Amet, duis sed elit interdum dignissim.</p>
56+
<h2 class="dark:text-gray-300">From beginner to expert in 30 days</h2>
57+
<p>Id orci tellus laoreet id ac. Dolor, aenean leo, ac etiam consequat in. Convallis arcu ipsum urna nibh. Pharetra, euismod vitae interdum mauris enim, consequat vulputate nibh. Maecenas pellentesque id sed tellus mauris, ultrices mauris. Tincidunt enim cursus ridiculus mi. Pellentesque nam sed nullam sed diam turpis ipsum eu a sed convallis diam.</p>
58+
<blockquote class="dark:text-gray-600">
59+
<p>Sagittis scelerisque nulla cursus in enim consectetur quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit amet, sed aenean erat arcu morbi.</p>
60+
</blockquote>
61+
<p>Faucibus commodo massa rhoncus, volutpat. Dignissim sed eget risus enim. Mattis mauris semper sed amet vitae sed turpis id. Id dolor praesent donec est. Odio penatibus risus viverra tellus varius sit neque erat velit.</p>
62+
<figure>
63+
<img class="w-full rounded-lg" src="https://images.unsplash.com/photo-1500648767791-00dcc994a43e?ixlib=rb-1.2.1&amp;auto=format&amp;fit=facearea&amp;w=1310&amp;h=873&amp;q=80&amp;facepad=3" alt="" width="1310" height="873">
64+
<figcaption>Sagittis scelerisque nulla cursus in enim consectetur quam.</figcaption>
65+
</figure>
66+
<h2 class="dark:text-gray-300">Everything you need to get up and running</h2>
67+
<p>Purus morbi dignissim senectus mattis <a href="#">adipiscing</a>. Amet, massa quam varius orci dapibus volutpat cras. In amet eu ridiculus leo sodales cursus tristique. Tincidunt sed tempus ut viverra ridiculus non molestie. Gravida quis fringilla amet eget dui tempor dignissim. Facilisis auctor venenatis varius nunc, congue erat ac. Cras fermentum convallis quam.</p>
68+
<p>Faucibus commodo massa rhoncus, volutpat. Dignissim sed eget risus enim. Mattis mauris semper sed amet vitae sed turpis id. Id dolor praesent donec est. Odio penatibus risus viverra tellus varius sit neque erat velit.</p>
4169
</div>
4270
</div>
4371
</div>

0 commit comments

Comments
 (0)