-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathworks.html
98 lines (85 loc) · 4.29 KB
/
works.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Clarify | Music Your Way</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Anton|Open+Sans+Condensed:300" rel="stylesheet">
<link rel="stylesheet" type="text/css" media="screen" href="../css/index.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="js/main.js"></script>
</head>
<body>
<div class="main-container">
<!-- Nav & logo -->
<header>
<div class="navContainer">
<div class="circle">
<div class="cir1">
<a href="index.html"> <i class="fas fa-music"></i> </a>
</div>
<a class="logo" href="index.html">Clarify Music</a>
</div>
<div class="nav-btn">
<nav>
<a href="works.html">How it works</a>
<a href="contact.html">Contact us</a>
<div class="line"></div>
<a href="https://bw-spotify.netlify.com/register">Sign up</a>
<div class="mobile-nav">
<i class="fab fa-buromobelexperte"></i>
</div>
</nav>
<button onclick="window.location.href = 'https://bw-spotify.netlify.com/login';">Log in</button>
</div>
</div>
</header>
<!-- Hero Section -->
<!-- Section 1 Dashbord -->
<Section class="work-container">
<div class="work">
<img src="../img/music.png" alt="Music">
<div class="tab-page">
<ul class="tabs">
<li class="tab-link current" data-tab="tab-1">Tab One</li>
<li class="tab-link" data-tab="tab-2">Tab Two</li>
<li class="tab-link" data-tab="tab-3">Tab Three</li>
<li class="tab-link" data-tab="tab-4">Tab Four</li>
</ul>
<div id="tab-1" class="tab-content current">
Login, Search a song and learn more about the song using our Analytics tool. Choose "Favorite" .
</div>
<div id="tab-2" class="tab-content">
Give your playlist a name, description, and cover image, then add more songs: Tap the Add Music button Add Music, then search to find a song from your Library or the Apple Music catalog, or browse through songs under Library. When you find a song that you want to add, tap the Add to Playlist button.
</div>
<div id="tab-3" class="tab-content">
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
</div>
<div id="tab-4" class="tab-content">
Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>
</div>
</div>
</Section>
<!--- footer section---->
<footer>
<div class="footer-nav">
<nav>
<a href="privacy.html">Privacy Policy</a>
<a href="works.html">How it works</a>
<a href="contact.html">Contact us</a>
<a href="team.html">Meet The Team</a>
</nav>
</div>
<div class="social">
<i class="fab fa-instagram"></i>
<i class="fab fa-twitter-square"></i>
<i class="fab fa-facebook-square"></i>
</div>
<div class="footer-copy"> <p>© Clarify! 2019</p></div>
</footer>
</div>
</body>
</html>