-
Notifications
You must be signed in to change notification settings - Fork 70
SOLUTION: Marcel Barreiro & Ricardo Vieira #56
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Changes from all commits
5665ca6
15cae2b
d111406
ba3813b
180e844
be489b7
7088725
7b9588c
69b77f5
e9606c6
8c5e8d8
1f12d38
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,3 @@ | ||
| { | ||
| "liveServer.settings.port": 5501 | ||
| } |
Large diffs are not rendered by default.
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,115 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> | ||
| <meta name="description" content="" /> | ||
| <meta name="author" content="" /> | ||
| <title>Webefy - Assembler Edition</title> | ||
| <!-- Core theme CSS (includes Bootstrap)--> | ||
| <link href="./src/css/main.css" rel="stylesheet" /> | ||
| <script src="./src/js/main.js" type="module" defer></script> | ||
| </head> | ||
| <body> | ||
| <!-- Responsive navbar--> | ||
| <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> | ||
| <div class="container"> | ||
| <a class="navbar-brand" href="#!">WEBYFY</a> | ||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button> | ||
| <div class="collapse navbar-collapse" id="navbarSupportedContent"> | ||
| <ul class="navbar-nav ms-auto mb-2 mb-lg-0"> | ||
| <li class="nav-item"><a class="nav-link" href="#">Home</a></li> | ||
| <li class="nav-item"><a class="nav-link" href="#!">About</a></li> | ||
| <li class="nav-item"><a class="nav-link" href="#!">Contact</a></li> | ||
| <li class="nav-item"><a class="nav-link active" aria-current="page" href="#">Blog</a></li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </nav> | ||
| <!-- Page header with logo and tagline--> | ||
| <header class="py-5 bg-light border-bottom mb-4"> | ||
| <div class="container"> | ||
| <div class="text-center my-5"> | ||
| <h1 class="fw-bolder">Welcome to Webefy!</h1> | ||
| <p class="lead mb-0">The most interesting and curious web pages on the internet </p> | ||
| </div> | ||
| </div> | ||
| </header> | ||
| <!-- Page content--> | ||
| <div id="container" class="container"> | ||
| <div class="row"> | ||
| <!-- Blog entries--> | ||
| <div class="col-lg-8"> | ||
| <!-- Nested row for non-featured blog posts--> | ||
| <div id="postsContainer" class="row"> | ||
| </div> | ||
| <!-- Pagination--> | ||
| </div> | ||
| <!-- Side widgets--> | ||
| <div class="col-lg-4"> | ||
| <!-- Search widget--> | ||
| <div class="card mb-4"> | ||
| <div class="card-header">Search</div> | ||
| <div class="card-body"> | ||
| <div class="input-group"> | ||
| <input class="form-control" type="text" placeholder="Enter search term..." aria-label="Enter search term..." aria-describedby="button-search" /> | ||
| <button class="btn btn-primary" id="button-search" type="button">Go!</button> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <!-- Categories widget--> | ||
| <div class="card mb-4"> | ||
| <div class="card-header">Categories</div> | ||
| <div class="card-body"> | ||
| <div class="row"> | ||
| <div class="col-sm-6"> | ||
| <ul class="list-unstyled mb-0"> | ||
| <li><a href="#!">Web Design</a></li> | ||
| <li><a href="#!">HTML</a></li> | ||
| <li><a href="#!">Freebies</a></li> | ||
| </ul> | ||
| </div> | ||
| <div class="col-sm-6"> | ||
| <ul class="list-unstyled mb-0"> | ||
| <li><a href="#!">JavaScript</a></li> | ||
| <li><a href="#!">CSS</a></li> | ||
| <li><a href="#!">Tutorials</a></li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <!-- Side widget--> | ||
| <div class="card mb-4"> | ||
| <div class="card-header">Side Widget</div> | ||
| <div class="card-body">You can put anything you want inside of these side widgets. They are easy to use, and feature the Bootstrap 5 card component!</div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <!-- Footer--> | ||
| <footer class="py-5 bg-dark"> | ||
| <div class="container"><p class="m-0 text-center text-white">Copyright © Your Website 2022</p></div> | ||
| </footer> | ||
| <!-- Modal --> | ||
| <div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true"> | ||
| <div class="modal-dialog"> | ||
| <div class="modal-content"> | ||
| <div class="modal-header"> | ||
| <h5 class="modal-title" id="modalTitle"></h5> | ||
| <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> | ||
| </div> | ||
| <div class="modal-body" id="modalBody"> | ||
| ... | ||
| </div> | ||
| <div class="modal-footer"> | ||
| <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> | ||
| <button type="button" class="btn btn-primary">Understood</button> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <!-- Bootstrap core JS--> | ||
| <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> | ||
| </body> | ||
| </html> | ||
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Too many divs