|
2 | 2 | title: Development |
3 | 3 | --- |
4 | 4 |
|
5 | | -<div class="text-center"> |
6 | | - <!-- You can use Vue components inside markdown --> |
7 | | - <carbon-dicom-overlay class="text-4xl -mb-6 m-auto" /> |
8 | | - <h2>Development</h2> |
9 | | -</div> |
10 | | - |
11 | | -WIP |
| 5 | +<div> |
| 6 | + <div class="text-center items-center flex flex-col mb-4"> |
| 7 | + <!-- You can use Vue components inside markdown --> |
| 8 | + <carbon-dicom-overlay class="text-4xl" /> |
| 9 | + <h2>Development</h2> |
| 10 | + </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> |
| 47 | + </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&auto=format&fit=facearea&w=1310&h=873&q=80&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> |
| 69 | + </div> |
| 70 | + </div> |
| 71 | + </div> |
| 72 | +</div> |
0 commit comments