feat: Add Bootstrap greeting card page

- Created index.html with Bootstrap card structure - Added style.css for custom hover effects
newbranch
2025-06-13 12:21:09 +05:30 · 2025-06-04 23:03:40 +05:30
3 changed files with 34 additions and 1 deletions
--- a/README.md
+++ b/README.md
@ -1 +1,2 @@
 Hello!
 New branch!
--- a/index.html
+++ b/index.html
@ -0,0 +1,20 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Greeting Card</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="style.css">
 </head>
 <body>
    <div class="container d-flex justify-content-center align-items-center vh-100">
        <div class="card text-center shadow" style="width: 18rem;">
            <div class="card-body">
                <h5 class="card-title">Hello!</h5>
                <p class="card-text">Welcome to this simple greeting card.</p>
            </div>
        </div>
    </div>
 </body>
 </html>
--- a/style.css
+++ b/style.css
@ -0,0 +1,12 @@
 /* Custom styles for the greeting card */
 body {
    background-color: #f8f9fa;
 }
 .card {
    transition: transform 0.3s ease;
 }
 .card:hover {
    transform: translateY(-5px);
 }
Author	SHA1	Message	Date
kiran	db705a4719	feat: Add Bootstrap greeting card page - Created index.html with Bootstrap card structure - Added style.css for custom hover effects	2025-06-13 12:21:09 +05:30
Kiran Pankan	098c697ab5	newbranch	2025-06-04 23:03:40 +05:30