Skip to content

Commit

Permalink
my weather application
Browse files Browse the repository at this point in the history
  • Loading branch information
mabethantokozo committed Jan 30, 2024
1 parent 537f4f6 commit 866a017
Show file tree
Hide file tree
Showing 34 changed files with 2,012 additions and 1 deletion.
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@

14 changes: 14 additions & 0 deletions .vscode/launch.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "Open index.html",
"file": "c:\\Users\\amosm\\OneDrive\\Documents\\GitHub\\html\\index.html"
}
]
}
3 changes: 3 additions & 0 deletions .vscode/settings.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"editor.guides.bracketPairs": "active"
}
11 changes: 11 additions & 0 deletions Hello world
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html>
<head>
<title>List</title>
</head>
<boby>An order List</boby>
<oi>
<li>First Item</li>
<li>second Item</li>
</oi>
</html>
65 changes: 65 additions & 0 deletions Projecthtml.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,65 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>My weather application</title>
</head>
<body>
<header>
<form>
<input type="search" placeholder="Enter a city.." required />
<input type="submit" value="Search" />
</form>
</header>
<main>
<div class="current-weather">
<div>
<h1>San francisco</h1>
<p>
Wednesday 09:25, clear sky <br />
Humidity: <strong>71%</strong>, Wind: <strong>6.26km/h</strong>
</p>
</div>
<div>☀️ 14°C</div>
</div>
<div class="forecast-weather">
<ul>
<li>
Tue 🌧️
<br />
<strong>13°C</strong> - 9°C
</li>
<li>
Wed 🌧️
<br />
<strong>14°C</strong> - 18°C
</li>
<li>
Thu 🌤️
<br />
<strong>14°C</strong> - 18°C
</li>
<il>
Fri☁️
<br />
<strong>11°C</strong>-8°C
</il>
<il
>Sat🌧️
<br />
<strong>13°C</strong>-9°C</il
>
</ul>
</div>
</main>
<footer>
<p>
This project was coded by
<a href="#" target="_blank">Ntokozo Mabetha</a> and is
<a href="#" target="_blank"> on GitHub</a> and
<a href="#" target="_blank">hosted on Netlify</a>
</p>
</footer>
</body>
</html>
8 changes: 7 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1 +1,7 @@
# html
<!DOCTYPE html>
<html lang="en">
<head>
<title>hello!</title>
</head>
<boby>Hello,world!</body>
</html>dra
66 changes: 66 additions & 0 deletions finalProject.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,66 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Stop Overthinking </title>
</head>
<body>
<style>
h1{text-align: center;
color:#ace0f9 100%;}
h2{text-align: center;
border: 1px slategray;
padding: 14px;
font-size: 18px;
border-radius: 4px;}
img{display: block;
margin: 0 auto;
max-width: 100px;
border-radius: 10px;}
p{line-height: 1.6;
font-size: 13px;
margin: 20px 0px;}
button{display: block;
margin: 20px;
background:#ace0f9 100% ;
color: white;
font-size: 18px;
padding: 15px 20px;
border-radius: 6px;box-shadow: 5px 5px 10pxrgba(0,0,0,0.3);
transition: all 200ms ease-in-out;}
button:hover{opacity: 0.9;
cursor: pointer;}
book{max-width: 600px;
margin: 0 auto;
padding: 15px 60px;}
learn-more{color: #7d51e8;
text-decoration-style: none;
font-size: 12px;}
</style>
</body>

<div class="Book">

<h1>I love reading books</h1>
<h2>Especially Motivational Books</h2>
<img src="https://m.media-amazon.com/images/I/71k9zlFpoDL._SY466_.jpg" alt="Motivational Book"/>
<p>Break free of your self-imposed mental prison.
<button class="buy-button">Buy this Motivationa book</button>
<p class="footer">

</p>Stop Overthinking is a book that understands where you’ve been through,the exhausting situation you’ve put yourself into, and how you lose your mind in the trap of anxiety and stress. Acclaimed author Nick Trenton will walk you through the obstacles with detailed and proven techniques to help you rewire your brain, control your thoughts, and change your mental habits.What’s more, the book will provide you scientific approaches to completely change the way you think and feel about yourself by ending the vicious thought patterns.</p>
<a
href="
https://m.media-amazon.com/images/I/71k9zlFpoDL._SY466_.jpg"
target="blank"
class="learn more"></a>

<p class="footer"
This page was built by Nontokozo Mabetha
< a href="https://m.media-amazon.com/images/I/71k9zlFpoDL._SY466_.jpg">
Nontokozo Mabetha</a>
</p>
</div>
</body>
</html>

0 comments on commit 866a017

Please sign in to comment.