Card Design using HTML and CSS
Hey Guys what’s up? Again I have appeared with a new post.
So what I have said to see the title. So in the last post we saw how to design a personal website. Today we will see how to design the post card. So let’s get started.
So like every time i will give you the code. Copy and make two files. Place the following code in Index.html:
<title>Post Card – logoutrd.info| by Raja</title>
<link rel=”stylesheet” href=”style.css”>
<img src=”abc.jpg” alt=”Thumbnail”>
<h2>The Business & The Fisherman</h2>
An American businessman took a vacation to a small coastal Mexican village on doctor’s orders. Unable to sleep after an urgent phone call from the office the first morning, he walked out
2 min read
Save it. And write the code in the style.css:
* A Pure Content By Raja
* card design
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transform: translate(-50%, -50%);
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
border-radius: 5px 5px 0 0;
Now execute the code. You can also set up a web server and run it there. Or you can open Chrome and write like this:
files: // sdcard / folder_name
That means if your folder name is post_cardthen you need to type in the URL:
Then see if your code is executing. Now make modifications as you like. If needed, change the color. All you want.