-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit 0cdaa75
Showing
20 changed files
with
869 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,150 @@ | ||
<!DOCTYPE html> | ||
<!-- saved from url=(0036)http://127.0.0.1:5500/project2.html? --> | ||
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | ||
<!-- Required meta tags --> | ||
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||
|
||
<!-- Bootstrap CSS --> | ||
<link rel="stylesheet" href="./TODOs List_files/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"> | ||
|
||
<title>TODOs List</title> | ||
</head> | ||
|
||
<body> | ||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> | ||
<a class="navbar-brand" href="http://127.0.0.1:5500/project2.html?#">TODOs List</a> | ||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-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 mr-auto"> | ||
<li class="nav-item active"> | ||
<a class="nav-link" href="http://127.0.0.1:5500/project2.html?#">Home <span class="sr-only">(current)</span></a> | ||
</li> | ||
<li class="nav-item"> | ||
<a class="nav-link" href="http://127.0.0.1:5500/project2.html?#">About</a> | ||
</li> | ||
<li class="nav-item dropdown"> | ||
<a class="nav-link dropdown-toggle" href="http://127.0.0.1:5500/project2.html?#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
Items | ||
</a> | ||
<div class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
<a class="dropdown-item" href="http://127.0.0.1:5500/project2.html?#">Action</a> | ||
<a class="dropdown-item" href="http://127.0.0.1:5500/project2.html?#">Another action</a> | ||
<div class="dropdown-divider"></div> | ||
<a class="dropdown-item" href="http://127.0.0.1:5500/project2.html?#">Something else here</a> | ||
</div> | ||
</li> | ||
<li class="nav-item"> | ||
<a class="nav-link" href="http://127.0.0.1:5500/project2.html?#" tabindex="-1" aria-disabled="true">Contact</a> | ||
</li> | ||
</ul> | ||
<form class="form-inline my-2 my-lg-0"> | ||
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search"> | ||
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button> | ||
</form> | ||
</div> | ||
</nav> | ||
|
||
<div class="container my-4"> | ||
<h2 class="text-center">TODOs List</h2> | ||
|
||
<div class="form-group"> | ||
<label for="title">Title</label> | ||
<input type="text" class="form-control" id="title" aria-describedby="emailHelp"> | ||
<small id="emailHelp" class="form-text text-muted">Add an item to the list</small> | ||
</div> | ||
|
||
<div class="form-group"> | ||
<label for="description">Description</label> | ||
<textarea class="form-control" id="description" rows="3"></textarea> | ||
</div> | ||
|
||
|
||
<button type="submit" id="add" class="btn btn-primary">Add to list</button> | ||
|
||
|
||
<div id="items" class="my-4"> | ||
<h2>Your Items</h2> | ||
<table class="table"> | ||
<thead> | ||
<tr> | ||
<th scope="col">SNo</th> | ||
<th scope="col">Item Title</th> | ||
<th scope="col">Item Description</th> | ||
<th scope="col">Actions</th> | ||
</tr> | ||
</thead> | ||
<tbody> | ||
<tr> | ||
<th scope="row">1</th> | ||
<td>Get some Coffee</td> | ||
<td>You need coffee as you are a coder</td> | ||
<td><button class="btn btn-sm btn-primary">Delete</button></td> | ||
</tr> | ||
|
||
</tbody> | ||
</table> | ||
</div> | ||
</div> | ||
|
||
<!-- Optional JavaScript --> | ||
<!-- jQuery first, then Popper.js, then Bootstrap JS --> | ||
<script src="./TODOs List_files/jquery-3.5.1.slim.min.js.download" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> | ||
<script src="./TODOs List_files/popper.min.js.download" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> | ||
<script src="./TODOs List_files/bootstrap.min.js.download" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script> | ||
<script> | ||
add = document.getElementById("add"); | ||
add.addEventListener("click", ()=>{ | ||
console.log("Updating List..."); | ||
tit = document.getElementById('title').value; | ||
desc = document.getElementById('description').value; | ||
if (localStorage.getItem('itemsJson')){ | ||
itemJsonArray = []; | ||
itemJsonArray.push([tit, desc]); | ||
localStorage.setItem('itemsJson', JSON.stringify(itemJsonArray)) | ||
} | ||
}); | ||
</script> | ||
<!-- Code injected by live-server --> | ||
<script type="text/javascript"> | ||
// <![CDATA[ <-- For SVG support | ||
if ('WebSocket' in window) { | ||
(function () { | ||
function refreshCSS() { | ||
var sheets = [].slice.call(document.getElementsByTagName("link")); | ||
var head = document.getElementsByTagName("head")[0]; | ||
for (var i = 0; i < sheets.length; ++i) { | ||
var elem = sheets[i]; | ||
var parent = elem.parentElement || head; | ||
parent.removeChild(elem); | ||
var rel = elem.rel; | ||
if (elem.href && typeof rel != "string" || rel.length == 0 || rel.toLowerCase() == "stylesheet") { | ||
var url = elem.href.replace(/(&|\?)_cacheOverride=\d+/, ''); | ||
elem.href = url + (url.indexOf('?') >= 0 ? '&' : '?') + '_cacheOverride=' + (new Date().valueOf()); | ||
} | ||
parent.appendChild(elem); | ||
} | ||
} | ||
var protocol = window.location.protocol === 'http:' ? 'ws://' : 'wss://'; | ||
var address = protocol + window.location.host + window.location.pathname + '/ws'; | ||
var socket = new WebSocket(address); | ||
socket.onmessage = function (msg) { | ||
if (msg.data == 'reload') window.location.reload(); | ||
else if (msg.data == 'refreshcss') refreshCSS(); | ||
}; | ||
if (sessionStorage && !sessionStorage.getItem('IsThisFirstTime_Log_From_LiveServer')) { | ||
console.log('Live reload enabled.'); | ||
sessionStorage.setItem('IsThisFirstTime_Log_From_LiveServer', true); | ||
} | ||
})(); | ||
} | ||
else { | ||
console.error('Upgrade your browser. This Browser is NOT supported WebSocket for Live-Reloading.'); | ||
} | ||
// ]]> | ||
</script> | ||
|
||
</body></html> |
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,118 @@ | ||
<!doctype html> | ||
<html lang="en"> | ||
|
||
<head> | ||
<!-- Required meta tags --> | ||
<meta charset="utf-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||
|
||
<!-- Bootstrap CSS --> | ||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" | ||
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> | ||
|
||
<title>iCoder - Heaven for Programmers</title> | ||
</head> | ||
|
||
<body> | ||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> | ||
<a class="navbar-brand" href="#">iCoder</a> | ||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-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 mr-auto"> | ||
<li class="nav-item"> | ||
<a class="nav-link" href="/">Home <span class="sr-only">(current)</span></a> | ||
</li> | ||
<li class="nav-item active"> | ||
<a class="nav-link" href="/about.html">About</a> | ||
</li> | ||
|
||
<li class="nav-item dropdown"> | ||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" | ||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
Topics | ||
</a> | ||
<div class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
<a class="dropdown-item" href="#">Technology</a> | ||
<a class="dropdown-item" href="#">Web Development</a> | ||
<div class="dropdown-divider"></div> | ||
<a class="dropdown-item" href="#">Support</a> | ||
<a class="dropdown-item" href="#">Write for us</a> | ||
</div> | ||
</li> | ||
<li class="nav-item"> | ||
<a class="nav-link" href="/contact.html">Contact Us</a> | ||
</li> | ||
|
||
|
||
</ul> | ||
<form class="form-inline my-2 my-lg-0"> | ||
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search"> | ||
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button> | ||
</form> | ||
</div> | ||
</nav> | ||
|
||
<div class="container my-4"> | ||
<div class="row featurette d-flex justify-content-center align-items-center"> | ||
<div class="col-md-7"> | ||
<h2 class="featurette-heading">It all started with iCoder's Idea. <span class="text-muted">It’ll blow your | ||
mind.</span></h2> | ||
<p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis | ||
euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, | ||
tellus ac cursus commodo.</p> | ||
</div> | ||
<div class="col-md-5"> | ||
<img class="img-fluid" src="about-1.jpg" alt=""> | ||
|
||
</div> | ||
</div> | ||
<div class="row featurette d-flex justify-content-center align-items-center"> | ||
<div class="col-md-7 order-md-2"> | ||
<h2 class="featurette-heading">We started iCoder in 1877 <span class="text-muted">It’ll blow your | ||
mind.</span></h2> | ||
<p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis | ||
euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, | ||
tellus ac cursus commodo.</p> | ||
</div> | ||
<div class="col-md-5 order-md-1"> | ||
<img class="img-fluid" src="about-2.jpg" alt=""> | ||
|
||
</div> | ||
</div> | ||
<div class="row featurette d-flex justify-content-center align-items-center"> | ||
<div class="col-md-7"> | ||
<h2 class="featurette-heading">First featurette heading. <span class="text-muted">It’ll blow your | ||
mind.</span></h2> | ||
<p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis | ||
euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, | ||
tellus ac cursus commodo.</p> | ||
</div> | ||
<div class="col-md-5"> | ||
<img class="img-fluid" src="about-3.jpg" alt=""> | ||
|
||
</div> | ||
</div> | ||
</div> | ||
|
||
<footer class="container"> | ||
<p class="float-right"><a href="#">Back to top</a></p> | ||
<p>© 2020-2021 iCoder, Inc. · <a href="#">Privacy</a> · <a href="#">Terms</a></p> | ||
</footer> | ||
<!-- Optional JavaScript --> | ||
<!-- jQuery first, then Popper.js, then Bootstrap JS --> | ||
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" | ||
integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" | ||
crossorigin="anonymous"></script> | ||
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" | ||
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" | ||
crossorigin="anonymous"></script> | ||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" | ||
integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" | ||
crossorigin="anonymous"></script> | ||
</body> | ||
|
||
</html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.