forked from chingu-voyage5/Geckos-Team-31
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (116 loc) · 6.38 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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Geckos 31</title>
<!--links to bootstrap css file, font awesome and local css files-->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="styles/main.css">
</head>
<body>
<!--navbar row start-->
<div class="row navbar-row">
<div class="col navbar-col">
<!--navbar start-->
<div class="navbar dark-green d-flex">
<!--boards button-->
<button class="btn nav-btn primary-green mr-2">
<a href="#"><i class="fab fa-trello text-white font-weight-bold"> Boards</i></a>
</button>
<!--search bar with icon-->
<div class="search-bar input-group mr-auto">
<input type="text" class="form-control search-input border-0 primary-green" placeholder="" aria-label="Search" aria-describedby="basic-addon2">
<div class="input-group-append">
<button class="btn search-btn nav-btn primary-green">
<i class="fa fa-search text-white"></i>
</button>
</div>
</div>
<!--Logo-->
<span class="navbar-text logo text-white font-lobster abs-center-x">
<h3><i class="fab fa-trello"></i> Paste-It</h3>
</span>
<!--right buttons div-->
<div class="ml-auto">
<button class="btn nav-btn primary-green ml-auto">
<i class="fas fa-plus text-white"></i>
</button>
<button class="btn nav-btn primary-green ml-auto">
<i class="fas fa-info-circle text-white"></i>
</button>
<button class="btn nav-btn primary-green ml-auto">
<i class="far fa-bell text-white"></i>
</button>
</div>
</div>
<!--navbar end-->
</div>
<!--navbar row end-->
</div>
<!--Board section by @basitomania-->
<div class="container">
<div class="row">
<!--Board right-->
<div class="col-6 col-md-3">
<div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
<div>
<a class="nav-link active" id="v-pills-home-tab" data-toggle="pill" href="#v-pills-home" role="tab" aria-controls="v-pills-home" aria-selected="true"><i class="fa fa-home"></i> Home</a>
<a class="nav-link" id="v-pills-profile-tab" data-toggle="pill" href="#v-pills-profile" role="tab" aria-controls="v-pills-profile" aria-selected="false"><i class="fa fa-user"></i> Boards</a>
</div>
<div>
<a class="nav-link" id="v-pills-messages-tab" data-toggle="pill" href="#v-pills-messages" role="tab" aria-controls="v-pills-messages" aria-selected="false">TEAMS</a>
<a class="nav-link" id="v-pills-settings-tab" data-toggle="pill" href="#v-pills-settings" role="tab" aria-controls="v-pills-settings" aria-selected="false"><i class="fa fa-plus"></i> Create a team</a>
</div>
</div>
<div class="tab-content" id="v-pills-tabContent">
<div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">...</div>
<div class="tab-pane fade" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">...</div>
<div class="tab-pane fade" id="v-pills-messages" role="tabpanel" aria-labelledby="v-pills-messages-tab">...</div>
<div class="tab-pane fade" id="v-pills-settings" role="tabpanel" aria-labelledby="v-pills-settings-tab">...</div>
</div>
</div>
<!--Board center-->
<div class="col-6 col-md-6">
<div class="card">
<img class="card-img-top" src="..." alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Organize Anything</h5>
<p class="card-text">Put everything in one place and start moving things forward with your first Trello board!</p>
<input type="text" class="form-control" aria-label="Small" aria-describedby="inputGroup-sizing-sm" placeholder="What are you working on?">
<a href="#" class="btn btn-primary"><span>Create Your Board</span></a>
</div>
</div>
</div>
<!--Board right-->
<div class="col-6 col-md-3">
<div>
<ul>
<li><h6><i class="fa fa-home"></i>RECENTLY VIEWED</h6></li>
<li><h6><i class="fa fa-user"></i>Trello Clone Project</h6></li>
</ul>
</div>
<div>
<ul>
<li><h6>Links</h6></li>
<li><h6><i class="fa fa-plus"></i> Create a Board</h6></li>
</ul>
</div>
</div>
</div>
</div>
<!-- JS dependencies for Bootstrap 4 and reference to local JS file-->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T"
crossorigin="anonymous"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>