Merge "Added Search_Results Page"
[releng.git] / utils / test / vnfcatalogue / VNF_Catalogue / views / index.jade
1 extends layout
2
3 //
4   Copyright (c) 2017 Kumar Rishabh and others.
5   All rights reserved. This program and the accompanying materials
6   are made available under the terms of the Apache License, Version 2.0
7   which accompanies this distribution, and is available at
8   http://www.apache.org/licenses/LICENSE-2.0
9 block content
10   .search-box
11     h1 VNF Catalogue
12     form.search-form
13       input.search-input(type='text', placeholder='Search...', id='Tags')
14       .space-10
15       button.search-button(type='submit', value='Search', id='Search') Search
16   .content.content-height-overwrite
17     nav.z-depth-0.transparent
18       .nav-wrapper
19         ul#nav-mobile.float-center-magic.hide-on-med-and-down.most-menu
20           li.items
21             a(href='#') Most Popular
22           li.items
23             a(href='#') Most Active
24           li.items
25             a(href='#') Most Active Contributions
26   .content
27     .container
28       .row
29         .box-container
30           .col-md-3
31             .content-box
32               .content-data
33                 h1.content-title Beacon
34                 .box
35                   img.commit-icon(src='/images/3rd_party/commits.png')
36                   h3.commits
37                     | 4,845
38                     br
39                     | commits
40         .col-md-3
41           .content-box
42             .content-data
43               h1.content-title Beacon
44               .box
45                 img.commit-icon(src='/images/3rd_party/commits.png')
46                 h3.commits
47                   | 4,845
48                   br
49                   | commits
50         .col-md-3
51           .content-box
52             .content-data
53               h1.content-title Beacon
54               .box
55                 img.commit-icon(src='/images/3rd_party/commits.png')
56                 h3.commits
57                   | 4,845
58                   br
59                   | commits
60         .col-md-3
61           .content-box
62             .content-data
63               h1.content-title Beacon
64               .box
65                 img.commit-icon(src='/images/3rd_party/commits.png')
66                 h3.commits
67                   | 4,845
68                   br
69                   | commits
70         .col-md-3
71           .content-box
72             .content-data
73               h1.content-title Beacon
74               .box
75                 img.commit-icon(src='/images/3rd_party/commits.png')
76                 h3.commits
77                   | 4,845
78                   br
79                   | commits
80         .col-md-3
81           .content-box
82             .content-data
83               h1.content-title Beacon
84               .box
85                 img.commit-icon(src='/images/3rd_party/commits.png')
86                 h3.commits
87                   | 4,845
88                   br
89                   | commits
90         .col-md-3
91           .content-box
92             .content-data
93               h1.content-title Beacon
94               .box
95                 img.commit-icon(src='/images/3rd_party/commits.png')
96                 h3.commits
97                   | 4,845
98                   br
99                   | commits
100         .col-md-3
101           .content-box
102             .content-data
103               h1.content-title Beacon
104               .box
105                 img.commit-icon(src='/images/3rd_party/commits.png')
106                 h3.commits
107                   | 4,845
108                   br
109                   | commits
110     footer
111       | © 2017 XYZ Company
112   style(type='text/css').
113     input[type="text"]:focus:not([readonly]) {
114       transition: all 0s !important;
115       border-radius: 5px;
116       border: 2px solid #333333;
117       box-shadow: 0 0 15px 1px rgba(0,0,0,0.50);
118       color: #333333;
119     }
120     .gray {
121       background: rgb(249,249,249);
122     }