-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfeatures.html
76 lines (70 loc) · 3.94 KB
/
features.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/index.css">
<link rel="icon" href="img/logo.png">
<title>Features | Potluck Planner</title>
<link href="https://fonts.googleapis.com/css?family=Noto+Sans&display=swap" rel="stylesheet">
</head>
<body>
<script defer='defer' src="./js/features.js"></script>
<header class="smallNav">
<a href="index.html"><img class="potluck-title" src="img/title.png" alt="logo"></a>
<nav class="navBar">
<a href="features.html">Features</a>
<a href="about.html">About</a>
</nav>
</header>
<section class="hero">
<h1 class="features">Features</h1>
</div></section>
<section>
<div class= "features">
<div class = "features-tabs">
<div class = "features-tab features-tab-selected" data-tab="1">Connect</div>
<div class = "features-tab " data-tab="2">Create</div>
<div class = "features-tab " data-tab="3">Manage</div>
<div class = "features-tab " data-tab="4">Track</div>
</div>
<div class = "features-contents">
<div class = "features-content features-content-selected" data-tab="1">
<div class = "features-content-title">Getting Started is Easy</div>
<div class = "features-content-pic"><img src="img/sign-up-pic.jpg" alt="open laptop on a desk"/></div>
<div class = "features-content-text">
With Potluck Planner, your next get-together is just a click away. Simply sign up for a free account, enter your event details, and you're on your way!
</div>
</div>
<div class = "features-content" data-tab="2">
<div class = "features-content-title">Create Your Own Events</div>
<div class = "features-content-pic"><img src="img/event-pic.jpg" alt="young girls in party hats"/></div>
<div class = "features-content-text">
Event creation is a simple, intuitive process. With Potluck Planner, all of your event's details are stored in one convenient place. Best of all, there's no limit to the number of guests you can invite. From dinner with friends to an organization-wide picnic, Potluck Planner has you covered.
</div>
</div>
<div class = "features-content" data-tab="3">
<div class = "features-content-title">No More Duplicate Dishes</div>
<div class = "features-content-pic"><img src="img/platter.jpg" alt="charcuterie"/></div>
<div class = "features-content-text">
Tired of ending up with fifteen bags of chips and no veggie tray? With Potluck Planner, coordinating dishes is simple. The event organizer sets a menu, and guests can sign up for what they'd like to bring.
</div>
</div>
<div class = "features-content" data-tab="4">
<div class = "features-content-title">Keep Everyone Updated</div>
<div class = "features-content-pic"><img src="img/keep-in-touch.jpg" alt="group of women having a picnic"/></div>
<div class = "features-content-text">
Schedules change and even the best plans need tweaking. That's where Potluck Planner comes in: your event updates are instantly at the fingertips of every attendee. No more hurt feelings because someone was left out of the loop, or confusion about who's bringing the potato salad now that Grandma cancelled.
</div>
</div>
</div>
</div>
</section>
<footer>
<a class="button2" href="index.html">Home</a>
<a class="button2" href="features.html">Features</a>
<a class="button2" href="about.html">About</a>
</footer>
<h6>Copyright Potluck Planner 2019</h6>
</body>
</html>