-
Notifications
You must be signed in to change notification settings - Fork 0
/
portfolio-item.html
71 lines (59 loc) · 3.11 KB
/
portfolio-item.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio Website</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css" integrity="sha256-46qynGAkLSFpVbEBog43gvNhfrOj+BmwXdxFgVK/Kvc=" crossorigin="anonymous" />
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro:400,900|Source+Sans+Pro:300,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<button class="nav-toggle" aria-label="toggle navigation">
<span class="hamburger"></span>
</button>
<nav class="nav">
<ul class="nav__list">
<li class="nav__item"><a href="index.html" class="nav__link">Home</a></li>
<li class="nav__item"><a href="index.html#services" class="nav__link">My Services</a></li>
<li class="nav__item"><a href="index.html#about" class="nav__link">About me</a></li>
<li class="nav__item"><a href="index.html#work" class="nav__link">My Work</a></li>
</ul>
</nav>
</header>
<section class="intro" id="home" data-aos="fade-right">
<h1 class="section__title section__title--intro" >
Weather App
</h1>
</section>
<div class="portfolio-item-individual">
<p>An app to display location weather</p>
<a href="https://seremba.github.io/weather-app/"><img src="img/weather.jpg" alt="picture of my weather app"></a>
<p>The weather app displays weather of a given location using the OpenWeatherMap API. It was built using React and CSS. The user fills the 'city' and 'country' spaces on the form and clicks get weather. It will take seconds to display weather.</p>
</div>
<!-- Footer -->
<footer class="footer">
<!-- replace with your own email address -->
<a href="mailto:[email protected]" class="footer__link">[email protected]</a>
<ul class="social-list">
<li class="social-list__item">
<a class="social-list__link" href="https://www.linkedin.com/in/seremba-patrick/">
<i class="fab fa-linkedin"></i>
</a>
</li>
<li class="social-list__item">
<a class="social-list__link" href="https://twitter.com/dev_seremba">
<i class="fab fa-twitter"></i>
</a>
</li>
<li class="social-list__item">
<a class="social-list__link" href="https://github.com/Seremba">
<i class="fab fa-github"></i>
</a>
</li>
</ul>
</footer>
<script src="js/index.js"></script>
</body>
</html>