diff options
| author | MounderFod <mounderfod@gmail.com> | 2021-12-06 17:57:14 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-12-06 17:57:14 +0000 |
| commit | 25865e4b448212f1083869ebcf123f9c0c53f833 (patch) | |
| tree | 4bc562775f47b6dd631e696d4ac8cc6e8302304f | |
| download | business-website-25865e4b448212f1083869ebcf123f9c0c53f833.tar.gz | |
Initial commit
| -rw-r--r-- | index.html | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..c52fa6c --- /dev/null +++ b/index.html @@ -0,0 +1,50 @@ +<!DOCTYPE html> +<html> + <head> + <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> + </head> + <header> + <nav class="navbar navbar-expand-sm mt-0 pt-0 pb-0"> + <div class="container-fluid ps-0 pe-3" style="background-color: #56b2cc; color: white;"> + <p class="navbar-brand mb-0 ms-3 me-4 fs-3">COW</p> + <span> + <button type="button" class="btn btn-light">Contact Us</button> + <button type="button" class="btn btn-light">My Basket<span class="badge btn-dark ms-2">1</span></button> + </span> + </div> + </nav> + <hr style="margin-bottom: 1px; margin-top: 0px"> + <nav class="navbar navbar-expand-sm p-0"> + <div class="container-fluid justify-content-start"> + <ul class="navbar-nav p-0"> + <li class="nav-item"> + <a class="nav-link" href="#">For Men</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#">For Women</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#">For Kids</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#">General & Accessories</a> + </li> + </ul> + </div> + </nav> + <hr style="margin-top: 1px; margin-bottom: 0px;"> + <div style="background-color: brown; color: white; padding: 5px; text-align: center;"><p class="m-0 fs-2">LAUNCH SALE - 50% OFF FIRST PURCHASE!</p></div> + </header> + <body> + <div class="container-fluid" style="background-image: url(https://static.wixstatic.com/media/f89d00_2d61aa79009c4fafba803dd4f6100c76~mv2.jpg); background-repeat: no-repeat; background-size: cover; color: black; padding-top: 15%; padding-left: 2%; padding-bottom: 16%; display: inline-block;"> + <div style="display: inline-block; background-color: white; padding: 25px; border-radius: 15px;"> + <h1>Quality Vintage Clothing.<br>Always.</h1> + <p><b>We don't like to call it "second-hand". <br> It's too good for that.</b></p> + <button class="btn btn-dark">See Featured Products</button> + </div> + </div> + <div class="container-fluid"> + <p style="margin: 12px;">3 Carlton St, Nottingham NG1 1NL - 0115 958 3133</p> + </div> + </body> +</html> \ No newline at end of file |