Add images and move to img/ folder

This commit is contained in:
Badri Sunderarajan 2020-04-10 15:28:41 +05:30
parent 5988923817
commit e0bad40637
6 changed files with 5 additions and 5 deletions

BIN
src/img/aspiring-writer.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 153 KiB

BIN
src/img/penknife.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 142 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 91 KiB

BIN
src/img/researcher.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 192 KiB

View file

@ -7,7 +7,7 @@
</head> </head>
<body class="bg-orange-100"> <body class="bg-orange-100">
<div class="bg-orange-800 p-10 text-center"> <div class="bg-orange-800 p-10 text-center">
<img src="penknife.png" class="w-1/2 sm:w-auto md:w-full lg:w-64 mx-auto my-10" /> <img src="img/penknife.png" class="w-1/2 sm:w-auto md:w-full lg:w-64 mx-auto my-10" />
<p class="text-gray-300 text-4xl">You write. We set it right.</p> <p class="text-gray-300 text-4xl">You write. We set it right.</p>
</div> </div>
<div class="bg-orange-900 text-gray-100 p-10 text-center"> <div class="bg-orange-900 text-gray-100 p-10 text-center">
@ -16,7 +16,7 @@
<div class="max-w-4xl mx-auto"> <div class="max-w-4xl mx-auto">
<div class="flex flex-wrap mx-auto"> <div class="flex flex-wrap mx-auto">
<div class="sm:w-full md:w-1/2 lg:w-1/3"> <div class="sm:w-full md:w-1/2 lg:w-1/3">
<img src="aspiring-writer.png" /> <img src="img/aspiring-writer.png" />
</div> </div>
<div class="sm:w-full md:w-1/2 lg:w-2/3 p-10"> <div class="sm:w-full md:w-1/2 lg:w-2/3 p-10">
<a name="aspiring-writers"> <a name="aspiring-writers">
@ -44,12 +44,12 @@
</ul> </ul>
</div> </div>
<div class="sm:w-full md:w-1/2 lg:w-1/3"> <div class="sm:w-full md:w-1/2 lg:w-1/3">
<img src="researcher.png" /> <img src="img/researcher.png" />
</div> </div>
</div> </div>
<div class="flex flex-wrap mx-auto"> <div class="flex flex-wrap mx-auto">
<div class="sm:w-full md:w-1/2 lg:w-1/3"> <div class="sm:w-full md:w-1/2 lg:w-1/3">
<img src="established-writer.png" /> <img src="img/established-writer.png" />
</div> </div>
<div class="sm:w-full md:w-1/2 lg:w-2/3 p-10"> <div class="sm:w-full md:w-1/2 lg:w-2/3 p-10">
<a name="established-writers"> <a name="established-writers">
@ -95,7 +95,7 @@
</div> </div>
<div class="bg-orange-900 text-orange-100"> <div class="bg-orange-900 text-orange-100">
<div class="max-w-4xl mx-auto flex flex-wrap content-center"> <div class="max-w-4xl mx-auto flex flex-wrap content-center">
<img class="w-auto h-48" src="pup-with-penknife.png"> <img src="img/pup-with-penknife.png" class="w-auto h-48">
<div class="w-auto my-auto ml-10"> <div class="w-auto my-auto ml-10">
<div class="w-auto"> <div class="w-auto">
<p class="text-3xl text-orange-200">Ready to give us a spin? <p class="text-3xl text-orange-200">Ready to give us a spin?