-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
142 lines (137 loc) · 6.28 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
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Title Page</title>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<script src="assets/js/jquery-2.1.0.min.js"></script>
</head>
<body>
<section id="horizontalTab" class="main">
<ul class="nav">
<div class="logo">
<p>logo</p>
</div>
<li><a href="#eventNotify"><p><img src="assets/img/profile.png"><span>15</span></p><p class="title">Events</p></a></li><hr/>
<li><a href="#Events"><img class="add" src="assets/img/event.png"><span class="add-span">+</span><p class="title">Events</p></a></li><hr/>
<li><a href="#todo"><img class="add" src="assets/img/todo.png"><span class="add-span">+</span><p class="title">Todo list</p></a></li><hr/>
<li><a href="#Scheduler"><img class="add" src="assets/img/scheduler.png"><span class="add-span">+</span><p class="title">Scheduler</p></a></li><hr/>
<li><a href="#Search"><img class="add" src="assets/img/search.png"><p class="title">Search</p></a></li><hr/>
</ul>
<div class="tab-container">
<div id="eventNotify">
<p class="heading"><strong>Events Notifications</strong> Click on search</p>
<h1 class="text-center">Click on Search tab</h1>
</div>
<div id="Events">
<p class="heading"><strong>Add Events</strong></p>
</div>
<div id="todo">
<p class="heading"><strong>Todo</strong></p>
</div>
<div id="Scheduler">
<p class="heading"><strong>Scheduler</strong></p>
</div>
<div id="Search">
<p class="heading"><strong>35 Search Results</strong> for “Preview”</p>
<div class="search-container">
<input class="search-fild" type="search" name="" value="Preview">
<div class="options">
<ul>
<li><input type="checkbox" name=""><span></span><label>Todo</label></li>
<li><input type="checkbox" name=""><span></span><label>Discussions</label></li>
<li><input type="checkbox" name=""><span></span><label>Files </label></li>
<li><input type="checkbox" name=""><span></span><label>Progress </label></li>
<li><input type="checkbox" name=""><span></span><label>Events </label></li>
<li><input type="checkbox" name=""><span></span><label>Team Members </label></li>
</ul>
</div>
<div class="result-container">
<div class="time-line">
<div class="attechment time-line-event-icon">
<p class="timeline-date">17 July</p>
<div class="table">
<div class="table-cell"><img src="assets/img/doc.png" class="left mr15"></div>
<div class="table-cell">
<p><span class="time-line-heading">preview_timeline_v1.jpg </span><span class="tag">TAG</span></p>
<p>Attached to the comment <a href="#">timeline_wireframes</a> By <a href="#">Bharat</a>
</p>
<a href="#">DOWNLOAD</a>
<p class="mt10"><span class="category">timeline <span><a href="#">X</a></span></span></p>
</div>
</div>
</div>
</div>
<div class="time-line">
<div class="attechment time-line-event-icon">
<p class="timeline-date">17 July</p>
<div class="table">
<div class="table-cell">
<img src="assets/img/screen.png" class="left mr15 full-img">
<p><span class="time-line-heading">preview_timeline_v1.jpg </span><span class="tag">TAG</span></p>
<p>By <a href="#">Bharat</a></p>
<a href="#">DOWNLOAD</a>
</div>
<div class="table-gape"></div>
<div class="table-cell">
<img src="assets/img/screen.png" class="left mr15 full-img">
<p><span class="time-line-heading">preview_timeline_v1.jpg </span><span class="tag">TAG</span></p>
<p>By <a href="#">Bharat</a></p>
<a href="#">DOWNLOAD</a>
</div>
</div>
</div>
</div>
<div class="time-line">
<div class="attechment time-line-chat-icon">
<p class="timeline-date">17 July</p>
<div class="table">
<div class="table-cell w20">
<img src="assets/img/user.png" class="" />
<p><span class="time-line-heading">Aashish Solanki </p>
<p><em>1 July 2013</em></p>
</div>
<div class="table-cell">
<p><span class="time-line-heading">Discussion name will go here</p>
<p>I like the clean look of the UI, but one of the issues I have is that it seems to encourage a context shift for the user frequently For eg. Tasks and scheduler are closely tied together. </p>
<p>under <a href="#">Sharing of final Proposal</a></p>
</div>
</div>
</div>
</div>
<div class="time-line">
<div class="attechment time-line-chat-icon">
<p class="timeline-date">02 July</p>
<div class="table">
<div class="table-cell">
<div class="mb10">
<p>praesent ornare, mauris volutpat ornare imperdiet, eque tortor condimentum urna, ut laoreet neque mauris in urna. </p>
<p class="comments"><span>Bharat</span> <span>4 comments</span></p>
</div>
<div class="mb10">
<p><strike>praesent ornare, mauris volutpat ornare imperdiet, eque tortor condimentum urna, ut laoreet neque mauris in urna.</strike> </p>
<p class="comments"><span>Bharat</span> <span>4 comments</span></p>
</div>
</div>
</div>
</div>
</div>
<div class="time-line text-center">
<button class="show-more">Show More</button>
</div>
</div>
</div>
</div>
</div>
</section>
<script src="assets/js/app.js" ></script>
<script src="assets/js/jquery.responsiveTabs.js"></script>
</body>
</html>