-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
99 lines (90 loc) · 4.96 KB
/
index.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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Bootstrap Styles -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous" />
<!-- Local Styles -->
<link rel="stylesheet" href="./styles/normalize.css" />
<link rel="stylesheet" href="./styles/main.css" />
<link rel="stylesheet" href="./styles/home.css" />
<title>Water My Plants | Home</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light sticky-top">
<a class="navbar-brand" href="/">Water My Plants</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="/">Home <span class="sr-only">(current)</span></a
>
</li>
<li class="nav-item">
<a class="nav-link" href="/pages/about.html">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://front-end-git-axiosadd.buildweek-water-my-plants-3.vercel.app/Login">Sign Up / Login</a>
</li>
</ul>
</div>
</nav>
<header>
<h1 id="title">Water My Plants</h1>
</header>
<main>
<section id="introduction">
<h2>Plants need love too 💚</h2>
<p>
Water My Plants is the go-to app for keeping your plants hydrated and healthy. We'll take care how often and how much you should water your plants without worry!
</p>
<img src="./img/above-ground-photo-of-succulent-plants-on-brown-wooden-board-1470168.jpg" alt="Group of potted plants" />
</section>
<section id="features">
<h2>Features</h2>
<div id="feature-container">
<article class="feature">
<img src="./img/flowers-grass-meadow-time-36351.jpg" alt="Feature image" />
<div class="text-container">
<h3>Solid Schedueling</h3>
<p>
Don't think too much about when to water your plants. We'll notify when it's the right time to keep you plants hydrated. More time spending your mind on other things than stressing yourself out forgetting to water you plants.
</p>
</div>
</article>
<article class="feature">
<img src="./img/botanical-cactuses-close-up-colors-305827.jpg" alt="Feature image" />
<div class="text-container">
<h3>Plant Profiles</h3>
<p>
Got more than one plant? We got you covered! Our app allows you to create individual plant profiles. For each profile, you can create a nickname, and categorize the plants species.
</p>
</div>
</article>
<article class="feature">
<img src="./img/closeup-photo-of-sprout-1002703.jpg" alt="Feature image" />
<div class="text-container">
<h3>Plant Tracking</h3>
<p>
Keeping an eye on one plant is easy, but an entire garden is another story.
</p>
<p>
Care for each plant on what they need at the right time. All the info you need from each of you plants can be viewed and track what time they need to watered. Scheduel accrodingly if you want to be efficient at watering on time.
</p>
</div>
</article>
</div>
</section>
</main>
<footer>
<h3>Contact Us</h3>
<p>Made by the <strong>buildweek-water-my-plants-3</strong> team 🤙</p>
</footer>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" 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.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>