diff --git a/LinkTree/README.md b/LinkTree/README.md new file mode 100644 index 00000000..2e41a4cf --- /dev/null +++ b/LinkTree/README.md @@ -0,0 +1,2 @@ +# LinkTree + Social Links diff --git a/LinkTree/back.jpg b/LinkTree/back.jpg new file mode 100644 index 00000000..ffad83a2 Binary files /dev/null and b/LinkTree/back.jpg differ diff --git a/LinkTree/index.html b/LinkTree/index.html new file mode 100644 index 00000000..82bca5bb --- /dev/null +++ b/LinkTree/index.html @@ -0,0 +1,28 @@ + + + + + + + Links - Utkarsh Brahma + + + +
+

Hello Friend 👋

+
+
+ +
+ + diff --git a/LinkTree/styles.css b/LinkTree/styles.css new file mode 100644 index 00000000..629ce95a --- /dev/null +++ b/LinkTree/styles.css @@ -0,0 +1,51 @@ +body { + margin: 0; + padding: 0; + font-family: 'Arial', sans-serif; + background-image: url('back.jpg'); + background-size: cover; + background-position: center; +} + +header { + background-color:burlywood; + color: white; + text-align: center; + padding: 1px; +} + +main { + display: flex; + justify-content: center; + align-items: center; + min-height: 85vh; +} + +.links { + list-style: none; + padding: 0; +} + +.links li { + margin-bottom: 10px; +} + +.links li a { + display: block; + width: 150px; + padding: 10px; + border: 1px solid #333; + border-radius: 20px; + text-align: center; + text-decoration: none; + font-weight: bolder; + color: #333; + background-color:antiquewhite; + transition: transform 0.3s; +} + +.links li a:hover { + background-color: burlywood; + color: #fff; + transform: scale(1.1); +}