Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
P
pa2d4ti06
Project
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Juliper
pa2d4ti06
Commits
6f691c39
Commit
6f691c39
authored
Jun 09, 2017
by
Juliper
Browse files
Options
Browse Files
Download
Plain Diff
no message
parents
3ecba003
310f67c1
Show whitespace changes
Inline
Side-by-side
Showing
28 changed files
with
394 additions
and
634 deletions
+394
-634
CustomerController.php
app/Http/Controllers/CustomerController.php
+1
-1
OwnerController.php
app/Http/Controllers/OwnerController.php
+33
-1
adminlte-app.css
public/css/adminlte-app.css
+1
-0
style.css
public/css/style.css
+115
-87
w3.css
public/css/w3.css
+0
-345
20170528_084214.jpg
public/img/20170528_084214.jpg
+0
-0
gallery-1.jpg
public/img/gallery-1.jpg
+0
-0
login.blade.php
resources/views/vendor/adminlte/auth/login.blade.php
+1
-1
ListBooking.blade.php
...views/vendor/adminlte/layouts/owner/ListBooking.blade.php
+0
-11
ListPengajuanFasilitas.blade.php
...r/adminlte/layouts/owner/ListPengajuanFasilitas.blade.php
+2
-12
ListPengajuanHomestay.blade.php
...or/adminlte/layouts/owner/ListPengajuanHomestay.blade.php
+0
-12
UpdateHomestay.blade.php
...ws/vendor/adminlte/layouts/owner/UpdateHomestay.blade.php
+1
-1
home.blade.php
resources/views/vendor/adminlte/layouts/owner/home.blade.php
+20
-13
listPesanan.blade.php
...views/vendor/adminlte/layouts/owner/listPesanan.blade.php
+0
-8
listRoom.blade.php
...es/views/vendor/adminlte/layouts/owner/listRoom.blade.php
+10
-9
listfeedback.blade.php
...iews/vendor/adminlte/layouts/owner/listfeedback.blade.php
+0
-8
profil.blade.php
...rces/views/vendor/adminlte/layouts/owner/profil.blade.php
+3
-3
updateProfil.blade.php
...iews/vendor/adminlte/layouts/owner/updateProfil.blade.php
+0
-56
Home.blade.php
resources/views/vendor/adminlte/layouts/pages/Home.blade.php
+9
-2
Homestay.blade.php
...es/views/vendor/adminlte/layouts/pages/Homestay.blade.php
+14
-1
gallery.blade.php
...ces/views/vendor/adminlte/layouts/pages/gallery.blade.php
+157
-6
howtobook.blade.php
...s/views/vendor/adminlte/layouts/pages/howtobook.blade.php
+0
-39
sidebar.blade.php
.../views/vendor/adminlte/layouts/partials/sidebar.blade.php
+1
-1
htmlheader.blade.php
...s/vendor/adminlte/layouts/partialweb/htmlheader.blade.php
+1
-0
mainfooter.blade.php
...s/vendor/adminlte/layouts/partialweb/mainfooter.blade.php
+6
-4
mainheader.blade.php
...s/vendor/adminlte/layouts/partialweb/mainheader.blade.php
+1
-1
scripts.blade.php
...iews/vendor/adminlte/layouts/partialweb/scripts.blade.php
+14
-12
web.php
routes/web.php
+4
-0
No files found.
app/Http/Controllers/CustomerController.php
View file @
6f691c39
...
...
@@ -43,7 +43,7 @@ class CustomerController extends Controller
//Pemberian/Pengiriman Feedback
public
function
sendFeedback
(
Request
$request
,
$id
){
if
(
Auth
::
guest
()){
dd
(
"maaf nggak bisa ban
f
"
);
dd
(
"maaf nggak bisa ban
g
"
);
}
$dataPelanggan
=
DB
::
table
(
'pelanggan'
)
...
...
app/Http/Controllers/OwnerController.php
View file @
6f691c39
...
...
@@ -24,7 +24,39 @@ class OwnerController extends Controller
public
function
index
()
{
return
view
(
'adminlte::layouts.owner.home'
);
//coba
$dataPemilik
=
DB
::
table
(
'pemilikhomestay'
)
->
select
(
'pemilikhomestay.*'
)
->
where
(
'pemilikhomestay.id_akun'
,
'='
,
Auth
::
user
()
->
id
)
->
get
();
$data
=
DB
::
table
(
'homestay'
)
->
join
(
'pemilikhomestay'
,
'homestay.id_pemilik'
,
'pemilikhomestay.id'
)
->
join
(
'kamar'
,
'homestay.id'
,
'='
,
'kamar.id_homestay'
)
->
select
(
'kamar.*'
)
->
where
(
'pemilikhomestay.id'
,
'='
,
$dataPemilik
[
0
]
->
id
)
->
get
();
$dataHomestay
=
DB
::
table
(
'homestay'
)
->
join
(
'pemilikhomestay'
,
'homestay.id_pemilik'
,
'pemilikhomestay.id'
)
->
select
(
'homestay.id'
)
->
where
(
'pemilikhomestay.id'
,
'='
,
$dataPemilik
[
0
]
->
id
)
->
get
();
$dataListOfBook
=
DB
::
table
(
'daftar_book'
)
->
select
(
'daftar_book.*'
)
->
where
(
'daftar_book.homestay'
,
'='
,
$dataHomestay
[
0
]
->
id
)
->
get
();
$dataFeedback
=
DB
::
table
(
'feedback'
)
->
join
(
'pelanggan'
,
'feedback.id_pelanggan'
,
'pelanggan.id'
)
->
select
(
'feedback.*'
,
'pelanggan.nama'
)
->
where
(
'feedback.id_pemilik_homestay'
,
'='
,
$dataPemilik
[
0
]
->
id
)
->
get
();
//coba
return
view
(
'adminlte::layouts.owner.home'
)
->
with
(
'count'
,
$data
->
count
())
->
with
(
'count1'
,
$dataListOfBook
->
count
())
->
with
(
'count2'
,
$dataFeedback
->
count
());
}
...
...
public/css/adminlte-app.css
View file @
6f691c39
...
...
@@ -1113,6 +1113,7 @@ img {
}
.img-circle
{
border-radius
:
50%
;
}
hr
{
margin-top
:
20px
;
...
...
public/css/style.css
View file @
6f691c39
...
...
@@ -4,92 +4,6 @@
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
#myImg
{
border-radius
:
5px
;
cursor
:
pointer
;
transition
:
0.3s
;
}
#myImg
:hover
{
opacity
:
0.7
;}
/* The Modal (background) */
.modal
{
display
:
none
;
/* Hidden by default */
position
:
fixed
;
/* Stay in place */
z-index
:
1
;
/* Sit on top */
padding-top
:
100px
;
/* Location of the box */
left
:
0
;
top
:
0
;
width
:
100%
;
/* Full width */
height
:
100%
;
/* Full height */
overflow
:
auto
;
/* Enable scroll if needed */
background-color
:
rgb
(
0
,
0
,
0
);
/* Fallback color */
background-color
:
rgba
(
0
,
0
,
0
,
0.9
);
/* Black w/ opacity */
}
/* Modal Content (Image) */
.modal-content
{
margin
:
auto
;
display
:
block
;
width
:
80%
;
max-width
:
700px
;
}
/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption
{
margin
:
auto
;
display
:
block
;
width
:
80%
;
max-width
:
700px
;
text-align
:
center
;
color
:
#ccc
;
padding
:
10px
0
;
height
:
150px
;
}
/* Add Animation - Zoom in the Modal */
.modal-content
,
#caption
{
-webkit-animation-name
:
zoom
;
-webkit-animation-duration
:
0.6s
;
animation-name
:
zoom
;
animation-duration
:
0.6s
;
}
@-webkit-keyframes
zoom
{
from
{
-webkit-transform
:
scale
(
0
)}
to
{
-webkit-transform
:
scale
(
1
)}
}
@keyframes
zoom
{
from
{
transform
:
scale
(
0
)}
to
{
transform
:
scale
(
1
)}
}
/* The Close Button */
.close
{
position
:
absolute
;
top
:
15px
;
right
:
35px
;
color
:
#f1f1f1
;
font-size
:
40px
;
font-weight
:
bold
;
transition
:
0.3s
;
}
.close
:hover
,
.close
:focus
{
color
:
#bbb
;
text-decoration
:
none
;
cursor
:
pointer
;
}
/* 100% Image Width on Smaller Screens */
@media
only
screen
and
(
max-width
:
700px
){
.modal-content
{
width
:
100%
;
}
}
/*-- Reset-Code --*/
...
...
@@ -843,13 +757,15 @@ ul.callbacks_tabs li {
-moz-background-size
:
cover
;
-o-background-size
:
cover
;
color
:
#FFF
;
position
:
absolute
;
width
:
100%
;
}
.footer2
{
/*--w3layouts--*/
/*--agileits--*/
padding
:
50px
0
50px
;
background
:
url("../img/
3190_pantai-bul-bul
.jpg")
;
background
:
url("../img/
20170528_084214
.jpg")
;
background-repeat
:
no-repeat
;
background-position
:
center
;
background-size
:
cover
;
...
...
@@ -1924,6 +1840,7 @@ div#showLess:after {
background
:
#000
;
text-align
:
center
;
cursor
:
pointer
;
margin
:
10px
10px
20px
10px
;
}
figure
.effect-apollo
{
...
...
@@ -4852,3 +4769,114 @@ p.contact-p {
.w3-animate-zoom
{
-webkit-animation
:
}
.online_reservation
{
z-index
:
999
;
}
.b_room
{
display
:
inline-flex
;
box-shadow
:
0px
0px
4px
rgb
(
97
,
97
,
97
);
-webkit-box-shadow
:
0px
0px
4px
rgb
(
97
,
97
,
97
);
-moz-box-shadow
:
0px
0px
4px
rgb
(
97
,
97
,
97
);
-o-box-shadow
:
0px
0px
4px
rgb
(
97
,
97
,
97
);
width
:
70%
;
position
:
absolute
;
}
.booking_room
{
width
:
100%
;
position
:
absolute
;
top
:
-3em
;
left
:
18%
;
z-index
:
1
;
}
.booking_room
h4
{
font-size
:
1.5em
;
color
:
#202020
;
text-transform
:
capitalize
;
font-weight
:
600
;
margin-bottom
:
10px
;
}
.booking_room
p
{
font-size
:
0.8725em
;
color
:
#6b6b6b
;
line-height
:
1.8em
;
}
.reservation
{
font-family
:
'Open Sans'
,
sans-serif
;
padding
:
16px
10px
;
float
:
left
;
width
:
100%
;
background
:
#2A2E33
;
box-shadow
:
2px
26px
37px
-12px
;
}
.reservation
ul
li
{
float
:
left
;
list-style
:
none
;
}
.reservation
ul
li
.left
{
margin-left
:
15px
;
}
.reservation
ul
li
.span1_of_1
{
width
:
24.33333%
;
margin-left
:
1em
;
}
.reservation
ul
li
.span1_of_2
{
width
:
9.33333%
;
}
.reservation
ul
li
.span1_of_3
{
width
:
18.33333%
;
margin-left
:
20px
;
}
.reservation
h5
{
font-size
:
15px
;
color
:
#FFD700
;
text-transform
:
capitalize
;
margin-bottom
:
6px
;
}
select
{
width
:
100%
;
color
:
#858585
;
font-size
:
0.8725em
;
padding
:
7px
;
outline
:
none
;
font-family
:
'Open Sans'
,
sans-serif
;
background
:
#ffffff
;
border
:
1px
solid
#DFDFDF
;
border-radius
:
9px
;
-webkit-border-radius
:
9px
;
-moz-border-radius
:
9px
;
-o-border-radius
:
9px
;
}
select
option
{
border
:
1px
solid
#DFDFDF
;
outline
:
none
;
-webkit-transition
:
all
0.3s
ease-in-out
;
-moz-transition
:
all
0.3s
ease-in-out
;
-o-transition
:
all
0.3s
ease-in-out
;
transition
:
all
0.3s
ease-in-out
;
}
.book_date
input
[
type
=
"text"
]
{
width
:
100%
!important
;
color
:
#858585
;
font-size
:
0.8725em
;
padding
:
8px
30px
;
outline
:
none
;
font-family
:
'Open Sans'
,
sans-serif
;
border
:
1px
solid
#DFDFDF
;
box-shadow
:
inset
0
0
2px
rgb
(
236
,
236
,
236
);
-webkit-box-shadow
:
inset
0
0
2px
rgb
(
236
,
236
,
236
);
-moz-box-shadow
:
inset
0
0
2px
rgb
(
236
,
236
,
236
);
-o-box-shadow
:
inset
0
0
2px
rgb
(
236
,
236
,
236
);
-webkit-appearance
:
none
;
border-radius
:
9px
;
-webkit-border-radius
:
9px
;
-moz-border-radius
:
9px
;
-o-border-radius
:
9px
;
}
.portfolio
col-md-4
{
padding
:
10px
;
background-color
:
none
;
}
public/css/w3.css
deleted
100644 → 0
View file @
3ecba003
/* W3.CSS 2.2 by Jan Egil and Borge Refsnes. Do not remove this line. */
*
{
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html
{
-ms-text-size-adjust
:
100%
;
-webkit-text-size-adjust
:
100%
}
body
{
margin
:
0
}
article
,
aside
,
details
,
figcaption
,
figure
,
footer
,
header
,
hgroup
,
main
,
menu
,
nav
,
section
,
summary
{
display
:
block
}
audio
,
canvas
,
video
{
display
:
inline-block
;
vertical-align
:
baseline
}
audio
:not
([
controls
])
{
display
:
none
;
height
:
0
}
[
hidden
],
template
{
display
:
none
}
a
{
-webkit-tap-highlight-color
:
transparent
;
background-color
:
transparent
}
a
:active
,
a
:hover
{
outline
:
0
}
abbr
[
title
]
{
border-bottom
:
1px
dotted
}
b
,
strong
{
font-weight
:
bold
}
dfn
{
font-style
:
italic
}
mark
{
background
:
#ff0
;
color
:
#000
}
small
{
font-size
:
80%
}
sub
,
sup
{
font-size
:
75%
;
line-height
:
0
;
position
:
relative
;
vertical-align
:
baseline
}
sup
{
top
:
-0.5em
}
sub
{
bottom
:
-0.25em
}
img
{
border
:
0
}
svg
:not
(
:root
)
{
overflow
:
hidden
}
figure
{
margin
:
1em
40px
}
hr
{
-moz-box-sizing
:
content-box
;
box-sizing
:
content-box
}
code
,
kbd
,
pre
,
samp
{
font-family
:
monospace
,
monospace
;
font-size
:
1em
}
button
,
input
,
optgroup
,
select
,
textarea
{
color
:
inherit
;
font
:
inherit
;
margin
:
0
}
button
{
overflow
:
visible
}
button
,
select
{
text-transform
:
none
}
button
,
html
input
[
type
=
button
],
input
[
type
=
reset
],
input
[
type
=
submit
]
{
-webkit-appearance
:
button
;
cursor
:
pointer
}
button
[
disabled
],
html
input
[
disabled
]
{
cursor
:
default
}
button
::-moz-focus-inner
,
input
::-moz-focus-inner
{
border
:
0
;
padding
:
0
}
input
[
type
=
checkbox
],
input
[
type
=
radio
]
{
padding
:
0
}
input
[
type
=
number
]
::-webkit-inner-spin-button
,
input
[
type
=
number
]
::-webkit-outer-spin-button
{
height
:
auto
}
input
[
type
=
search
]
{
box-sizing
:
content-box
;
-webkit-appearance
:
textfield
;
-moz-box-sizing
:
content-box
;
-webkit-box-sizing
:
content-box
}
input
[
type
=
search
]
::-webkit-search-cancel-button
,
input
[
type
=
search
]
::-webkit-search-decoration
{
-webkit-appearance
:
none
}
fieldset
{
border
:
1px
solid
#c0c0c0
;
margin
:
0
2px
;
padding
:
0.35em
0.625em
0.75em
}
legend
{
border
:
0
;
padding
:
0
}
pre
,
textarea
{
overflow
:
auto
}
optgroup
{
font-weight
:
bold
}
/* End extract from normalize.css */
html
,
body
{
font-family
:
Verdana
,
sans-serif
;
font-size
:
15px
;
line-height
:
1.5
}
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
.w3-slim
,
.w3-wide
{
font-family
:
"Segoe UI"
,
Arial
,
sans-serif
}
h1
{
font-size
:
36px
}
h2
{
font-size
:
30px
}
h3
{
font-size
:
24px
}
h4
{
font-size
:
20px
}
h5
{
font-size
:
18px
}
h6
{
font-size
:
16px
}
.w3-serif
{
font-family
:
"Times New Roman"
,
Times
,
serif
}
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
font-weight
:
400
;
margin
:
10px
0
}
.w3-wide
{
letter-spacing
:
4px
}
h1
a
,
h2
a
,
h3
a
,
h4
a
,
h5
a
,
h6
a
{
font-weight
:
inherit
}
hr
{
height
:
0
;
border
:
0
;
border-top
:
1px
solid
#eee
;
margin
:
20px
0
}
img
{
margin-bottom
:
-5px
}
a
{
color
:
inherit
}
table
{
border-collapse
:
collapse
;
border-spacing
:
0
;
width
:
100%
;
display
:
table
}
table
,
th
,
td
{
border
:
none
}
.w3-table-all
{
border
:
1px
solid
#ccc
}
.w3-bordered
tr
,
.w3-table-all
tr
{
border-bottom
:
1px
solid
#ddd
}
.w3-striped
tbody
tr
:nth-child
(
even
)
{
background-color
:
#f1f1f1
}
.w3-table-all
tr
:nth-child
(
odd
)
{
background-color
:
#fff
}
.w3-table-all
tr
:nth-child
(
even
)
{
background-color
:
#f1f1f1
}
.w3-hoverable
tbody
tr
:hover
,
.w3-ul.w3-hoverable
li
:hover
{
background-color
:
#ccc
}
.w3-centered
tr
th
,
.w3-centered
tr
td
{
text-align
:
center
}
.w3-table
td
,
.w3-table
th
,
.w3-table-all
td
,
.w3-table-all
th
{
padding
:
6px
8px
;
display
:
table-cell
;
text-align
:
left
;
vertical-align
:
top
}
.w3-table
th
:first-child
,
.w3-table
td
:first-child
,
.w3-table-all
th
:first-child
,
.w3-table-all
td
:first-child
{
padding-left
:
16px
}
.w3-btn
,
.w3-btn-block
{
border
:
none
;
display
:
inline-block
;
outline
:
0
;
padding
:
6px
16px
;
vertical-align
:
middle
;
overflow
:
hidden
;
text-decoration
:
none
!important
;
color
:
#fff
;
background-color
:
#000
;
text-align
:
center
;
cursor
:
pointer
;
white-space
:
nowrap
}
.w3-btn.w3-disabled
,
.w3-btn-block.w3-disabled
,
.w3-btn-floating.w3-disabled
,
.w3-btn
:disabled
,
.w3-btn-floating
:disabled
,
.w3-btn-floating-large.w3-disabled
,
.w3-btn-floating-large
:disabled
{
cursor
:
not-allowed
;
opacity
:
0.3
}
.w3-btn.w3-disabled
*,
.w3-btn-block.w3-disabled
,
.w3-btn-floating.w3-disabled
*,
.w3-btn
:disabled
*,
.w3-btn-floating
:disabled
*
{
pointer-events
:
none
}
.w3-btn.w3-disabled
:hover
,
.w3-btn-block.w3-disabled
:hover
,
.w3-btn
:disabled:hover
,
.w3-btn-floating.w3-disabled
:hover
,
.w3-btn-floating
:disabled:hover
,
.w3-btn-floating-large.w3-disabled
:hover
,
.w3-btn-floating-large
:disabled:hover
{
box-shadow
:
none
}
.w3-btn
:hover
,
.w3-btn-block
:hover
,
.w3-btn-floating
:hover
,
.w3-btn-floating-large
:hover
{
box-shadow
:
0
8px
16px
0
rgba
(
0
,
0
,
0
,
0.2
),
0
6px
20px
0
rgba
(
0
,
0
,
0
,
0.19
)}
.w3-btn-block
{
width
:
100%
}
.w3-btn
,
.w3-btn-floating
,
.w3-btn-floating-large
,
.w3-closenav
,
.w3-opennav
{
-webkit-touch-callout
:
none
;
-webkit-user-select
:
none
;
-khtml-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
}
.w3-btn-floating
,
.w3-btn-floating-large
{
display
:
inline-block
;
text-align
:
center
;
color
:
#fff
;
background-color
:
#000
;
position
:
relative
;
overflow
:
hidden
;
z-index
:
1
;
padding
:
0
;
border-radius
:
50%
;
cursor
:
pointer
;
font-size
:
24px
}
.w3-btn-floating
{
width
:
40px
;
height
:
40px
;
line-height
:
40px
}
.w3-btn-floating-large
{
width
:
56px
;
height
:
56px
;
line-height
:
56px
}
.w3-btn-group
.w3-btn
{
float
:
left
}
.w3-btn.w3-ripple
{
position
:
relative
}
.w3-ripple
:after
{
content
:
""
;
background
:
#90EE90
;
display
:
block
;
position
:
absolute
;
padding-top
:
300%
;
padding-left
:
350%
;
margin-left
:
-20px
!important
;
margin-top
:
-120%
;
opacity
:
0
;
transition
:
all
0.8s
}
.w3-ripple
:active:after
{
padding
:
0
;
margin
:
0
;
opacity
:
1
;
transition
:
0s
}
.w3-badge
,
.w3-tag
,
.w3-sign
{
background-color
:
#000
;
color
:
#fff
;
display
:
inline-block
;
padding-left
:
8px
;
padding-right
:
8px
;
font-weight
:
bold
;
text-align
:
center
}
.w3-badge
{
border-radius
:
50%
}
ul
.w3-ul
{
list-style-type
:
none
;
padding
:
0
;
margin
:
0
}
ul
.w3-ul
li
{
padding
:
6px
2px
6px
16px
;
border-bottom
:
1px
solid
#ddd
}
ul
.w3-ul
li
:last-child
{
border-bottom
:
none
}
.w3-image
,
.w3-tooltip
,
.w3-display-container
{
position
:
relative
}
img
.w3-image
,
.w3-image
img
{
max-width
:
100%
;
height
:
auto
}
.w3-image
.w3-title
{
position
:
absolute
;
bottom
:
8px
;
left
:
16px
;
color
:
#fff
;
font-size
:
20px
}
.w3-fluid
{
max-width
:
100%
;
height
:
auto
}
.w3-tooltip
.w3-text
{
display
:
none
}
.w3-tooltip
:hover
.w3-text
{
display
:
inline-block
}
.w3-navbar
{
list-style-type
:
none
;
margin
:
0
;
padding
:
0
;
overflow
:
hidden
}
.w3-navbar
li
{
float
:
left
}
.w3-navbar
.w3-dropdown-hover
,
.w3-navbar
.w3-dropdown-click
{
position
:
static
}
.w3-navbar
.w3-dropdown-hover
:hover
,
.w3-navbar
.w3-dropdown-hover
:first-child
,
.w3-navbar
.w3-dropdown-click
:hover
{
background-color
:
#ccc
;
color
:
#000
}
.w3-navbar
a
,
.w3-topnav
a
,
.w3-sidenav
a
,
.w3-dropnav
a
,
.w3-dropdown-content
a
,
.w3-accordion-content
a
{
text-decoration
:
none
!important
}
.w3-navbar
.w3-opennav.w3-right
{
float
:
right
!important
}
.w3-topnav
{
padding
:
8px
8px
}
.w3-topnav
a
{
padding
:
0
8px
;
border-bottom
:
3px
solid
transparent
}
.w3-topnav
a
:hover
{
border-bottom
:
3px
solid
#fff
}
.w3-topnav
.w3-dropdown-hover
a
{
border-bottom
:
0
}
.w3-opennav
,
.w3-closenav
{
color
:
inherit
}
.w3-opennav
:hover
,
.w3-closenav
:hover
{
cursor
:
pointer
;
opacity
:
0.8
}
.w3-navbar
a
,
.w3-topnav
a
,
.w3-sidenav
a
,
.w3-dropnav
a
,
.w3-pagination
li
a
,
.w3-hoverable
tbody
tr
,
.w3-btn
,
.w3-btn-floating
,
.w3-btn-floating-large
,
.w3-hover-opacity
,
.w3-hover-shadow
,
.w3-accordion-content
a
,
.w3-dropdown-content
a
,
.w3-dropdown-click
:hover
,
.w3-dropdown-hover
:hover
,
.w3-opennav
,
.w3-closenav
,
.w3-closebtn
,
.w3-hover-amber
,
.w3-hover-aqua
,
.w3-hover-blue
,
.w3-hover-light-blue
,
.w3-hover-brown
,
.w3-hover-cyan
,
.w3-hover-blue-grey
,
.w3-hover-green
,
.w3-hover-light-green
,
.w3-hover-indigo
,
.w3-hover-khaki
,
.w3-hover-lime
,
.w3-hover-orange
,
.w3-hover-deep-orange
,
.w3-hover-pink
,
.w3-hover-purple
,
.w3-hover-deep-purple
,
.w3-hover-red
,
.w3-hover-sand
,
.w3-hover-teal
,
.w3-hover-yellow
,
.w3-hover-white
,
.w3-hover-black
,
.w3-hover-grey
,
.w3-hover-light-grey
,
.w3-hover-dark-grey
,
.w3-hover-text-amber
,
.w3-hover-text-aqua
,
.w3-hover-text-blue
,
.w3-hover-text-light-blue
,
.w3-hover-text-brown
,
.w3-hover-text-cyan
,
.w3-hover-text-blue-grey
,
.w3-hover-text-green
,
.w3-hover-text-light-green
,
.w3-hover-text-indigo
,
.w3-hover-text-khaki
,
.w3-hover-text-lime
,
.w3-hover-text-orange
,
.w3-hover-text-deep-orange
,
.w3-hover-text-pink
,
.w3-hover-text-purple
,
.w3-hover-text-deep-purple
,
.w3-hover-text-red
,
.w3-hover-text-sand
,
.w3-hover-text-teal
,
.w3-hover-text-yellow
,
.w3-hover-text-white
,
.w3-hover-text-black
,
.w3-hover-text-grey
,
.w3-hover-text-light-grey
,
.w3-hover-text-dark-grey
{
-webkit-transition
:
all
0.3s
ease
,
color
0.15s
ease
;
transition
:
all
0.3s
ease
,
color
0.15s
ease
}
.w3-sidenav
{
height
:
100%
;
width
:
200px
;
background-color
:
#fff
;
position
:
fixed
!important
;
z-index
:
1
;
overflow
:
auto
}
.w3-sidenav
a
{
padding
:
4px
2px
4px
16px
}
.w3-sidenav
a
:hover
{
background-color
:
#ccc
}
.w3-sidenav
a
,
.w3-dropnav
a
{
display
:
block
}
.w3-sidenav
.w3-dropdown-hover
:hover
,
.w3-sidenav
.w3-dropdown-hover
:first-child
,
.w3-sidenav
.w3-dropdown-click
:hover
{
background-color
:
#ccc
;
color
:
#000
}
.w3-sidenav
.w3-dropdown-hover
,
.w3-sidenav
.w3-dropdown-click
{
width
:
100%
}
.w3-sidenav
.w3-dropdown-hover
.w3-dropdown-content
,
.w3-sidenav
.w3-dropdown-click
.w3-dropdown-content
{
min-width
:
100%
}
.w3-main
,
#main
{
transition
:
margin-left
.4s
}
.w3-dropnav
{
background-color
:
#fff
}
.w3-dropnav
a
:hover
{
text-decoration
:
underline
!important
}
.w3-modal
{
z-index
:
3
;
display
:
none
;
padding-top
:
100px
;
position
:
fixed
;
left
:
0
;
top
:
0
;
width
:
100%
;
height
:
100%
;
overflow
:
auto
;
background-color
:
rgb
(
0
,
0
,
0
);
background-color
:
rgba
(
0
,
0
,
0
,
0.4
)}
.w3-modal-content
{
margin
:
auto
;
background-color
:
#fff
;
position
:
relative
;
padding
:
0
;
outline
:
0
;
width
:
600px
}
.w3-closebtn
{
text-decoration
:
none
;
float
:
right
;
font-size
:
24px
;
font-weight
:
bold
;
color
:
inherit
}
.w3-closebtn
:hover
,
.w3-closebtn
:focus
{
color
:
#000
;
text-decoration
:
none
;
cursor
:
pointer
}
.w3-pagination
{
display
:
inline-block
;
padding
:
0
;
margin
:
0
}
.w3-pagination
li
{
display
:
inline
}
.w3-pagination
li
a
{
text-decoration
:
none
;
color
:
#000
;
float
:
left
;
padding
:
8px
16px
}
.w3-pagination
li
a
:hover
,
.w3-pagination
li
a
:focus
{
background-color
:
#ccc
}
.w3-input-group
,
.w3-group
{
margin-top
:
24px
;
margin-bottom
:
24px
}
.w3-input
{
padding
:
8px
;
display
:
block
;
border
:
none
;
border-bottom
:
1px
solid
#808080
;
width
:
100%
}
.w3-label
{
color
:
#009688
}
.w3-input
:not
(
:valid
)~
.w3-validate
{
color
:
#f44336
}
.w3-select
{
padding
:
4px
0
;
width
:
100%
;
color
:
#000
;
border
:
1px
solid
transparent
;
border-bottom
:
1px
solid
#009688
}
.w3-select
select
:focus
{
color
:
#000
;
border
:
1px
solid
#009688
}
.w3-select
option
[
disabled
]
{
color
:
#009688
}
.w3-dropdown-click
,
.w3-dropdown-hover
{
position
:
relative
;
display
:
inline-block
;
cursor
:
pointer
}
.w3-dropdown-hover
:hover
.w3-dropdown-content
{
display
:
block
;
z-index
:
1
}
.w3-dropdown-content
{
cursor
:
auto
;
color
:
#000
;
background-color
:
#fff
;
display
:
none
;
position
:
absolute
;
min-width
:
160px
;
margin
:
0
;
padding
:
0
}
.w3-dropdown-content
a
{
padding
:
6px
16px
;
display
:
block
}
.w3-dropdown-content
a
:hover
{
background-color
:
#ccc
}
.w3-accordion
{
width
:
100%
;
cursor
:
pointer
}
.w3-accordion-content
{
cursor
:
auto
;
display
:
none
;
position
:
relative
;
width
:
100%
;
margin
:
0
;
padding
:
0
}
.w3-accordion-content
a
{
padding
:
6px
16px
;
display
:
block
}
.w3-accordion-content
a
:hover
{
background-color
:
#ccc
}
.w3-progress-container
{
width
:
100%
;
height
:
1.5em
;
position
:
relative
;
background-color
:
#f1f1f1
}
.w3-progressbar
{
background-color
:
#757575
;
height
:
100%
;
position
:
absolute
;
line-height
:
inherit
}
input
[
type
=
checkbox
]
.w3-check
,
input
[
type
=
radio
]
.w3-radio
{
width
:
24px
;
height
:
24px
;
position
:
relative
;
top
:
6px
}
input
[
type
=
checkbox
]
.w3-check
:checked
+
.w3-validate
,
input
[
type
=
radio
]
.w3-radio
:checked
+
.w3-validate
{
color
:
#009688
}
input
[
type
=
checkbox
]
.w3-check
:disabled
+
.w3-validate
,
input
[
type
=
radio
]
.w3-radio
:disabled
+
.w3-validate
{
color
:
#aaa
}
.w3-responsive
{
overflow-x
:
auto
}
.w3-container
:after
,
.w3-row
:after
,
.w3-row-padding
:after
,
.w3-topnav
:after
,
.w3-clear
:after
,
.w3-btn-group
:before
,
.w3-btn-group
:after
{
content
:
""
;
display
:
table
;
clear
:
both
}
.w3-col
,
.w3-half
,
.w3-third
,
.w3-twothird
,
.w3-quarter
{
float
:
left
;
width
:
100%
}
.w3-col.s1
{
width
:
8.33333%
}
.w3-col.s2
{
width
:
16.66666%
}
.w3-col.s3
{
width
:
24.99999%
}
.w3-col.s4
{
width
:
33.33333%
}
.w3-col.s5
{
width
:
41.66666%
}
.w3-col.s6
{
width
:
49.99999%
}
.w3-col.s7
{
width
:
58.33333%
}
.w3-col.s8
{
width
:
66.66666%
}
.w3-col.s9
{
width
:
74.99999%
}
.w3-col.s10
{
width
:
83.33333%
}
.w3-col.s11
{
width
:
91.66666%
}
.w3-col.s12
,
.w3-half
,
.w3-third
,
.w3-twothird
,
.w3-quarter
{
width
:
99.99999%
}
@media
only
screen
and
(
min-width
:
601px
){
.w3-col.m1
{
width
:
8.33333%
}
.w3-col.m2
{
width
:
16.66666%
}
.w3-col.m3
,
.w3-quarter
{
width
:
24.99999%
}
.w3-col.m4
,
.w3-third
{
width
:
33.33333%
}
.w3-col.m5
{
width
:
41.66666%
}
.w3-col.m6
,
.w3-half
{
width
:
49.99999%
}
.w3-col.m7
{
width
:
58.33333%
}
.w3-col.m8
,
.w3-twothird
{
width
:
66.66666%
}
.w3-col.m9
{
width
:
74.99999%
}
.w3-col.m10
{
width
:
83.33333%
}
.w3-col.m11
{
width
:
91.66666%
}
.w3-col.m12
{
width
:
99.99999%
}}
@media
only
screen
and
(
min-width
:
993px
){
.w3-col.l1
{
width
:
8.33333%
}
.w3-col.l2
{
width
:
16.66666%
}
.w3-col.l3
,
.w3-quarter
{
width
:
24.99999%
}
.w3-col.l4
,
.w3-third
{
width
:
33.33333%
}
.w3-col.l5
{
width
:
41.66666%
}
.w3-col.l6
,
.w3-half
{
width
:
49.99999%
}
.w3-col.l7
{
width
:
58.33333%
}
.w3-col.l8
,
.w3-twothird
{
width
:
66.66666%
}
.w3-col.l9
{
width
:
74.99999%
}
.w3-col.l10
{
width
:
83.33333%
}
.w3-col.l11
{
width
:
91.66666%
}
.w3-col.l12
{
width
:
99.99999%
}}
.w3-content
{
max-width
:
1000px
;
margin
:
auto
}
.w3-rest
{
overflow
:
hidden
}
.w3-hide
{
display
:
none
!important
}
.w3-show-block
,
.w3-show
{
display
:
block
!important
}
.w3-show-inline-block
{
display
:
inline-block
!important
}
@media
(
max-width
:
601px
){
.w3-modal-content
{
margin
:
50px
10px
10px
10px
;
width
:
auto
!important
}}
@media
(
max-width
:
768px
){
.w3-modal-content
{
width
:
500px
}}
@media
(
min-width
:
992px
){
.w3-modal-content
{
width
:
900px
}}
@media
screen
and
(
max-width
:
601px
){
.w3-topnav
a
{
display
:
block
}
.w3-navbar
li
:not
(
.w3-opennav
)
{
float
:
none
;
width
:
100%
!important
}
.w3-navbar
li
.w3-right
{
float
:
none
!important
}}
@media
screen
and
(
max-width
:
601px
){
.w3-topnav
.w3-dropdown-hover
.w3-dropdown-content
,
.w3-navbar
.w3-dropdown-click
.w3-dropdown-content
,
.w3-navbar
.w3-dropdown-hover
.w3-dropdown-content
{
position
:
relative
}}
@media
screen
and
(
max-width
:
601px
){
.w3-topnav
,
.w3-navbar
{
text-align
:
center
}}
@media
(
max-width
:
601px
){
.w3-hide-small
{
display
:
none
!important
}}
@media
(
max-width
:
991px
)
and
(
min-width
:
601px
){
.w3-hide-medium
{
display
:
none
!important
}}
@media
(
min-width
:
992px
){
.w3-hide-large
{
display
:
none
!important
}}
@media
screen
and
(
max-width
:
991px
){
.w3-sidenav.w3-collapse
{
display
:
none
}
.w3-main
{
margin-left
:
0
!important
}}
@media
screen
and
(
min-width
:
991px
){
.w3-sidenav.w3-collapse
{
display
:
block
!important
}}
.w3-top
,
.w3-bottom
{
position
:
fixed
;
width
:
100%
;
z-index
:
1
}
.w3-top
{
top
:
0
}
.w3-bottom
{
bottom
:
0
}
.w3-overlay
{
position
:
fixed
;
display
:
none
;
width
:
100%
;
height
:
100%
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
background-color
:
rgba
(
0
,
0
,
0
,
0.5
);
z-index
:
2
}
.w3-left
{
float
:
left
!important
}
.w3-right
{
float
:
right
!important
}
.w3-tiny
{
font-size
:
10px
!important
}
.w3-small
{
font-size
:
12px
!important
}
.w3-medium
{
font-size
:
15px
!important
}
.w3-large
{
font-size
:
18px
!important
}
.w3-xlarge
{
font-size
:
24px
!important
}
.w3-xxlarge
{
font-size
:
36px
!important
}
.w3-xxxlarge
{
font-size
:
48px
!important
}
.w3-jumbo
{
font-size
:
64px
!important
}
.w3-vertical
{
word-break
:
break-all
;
line-height
:
1
;
text-align
:
center
;
width
:
0.6em
}
.w3-left-align
{
text-align
:
left
!important
}
.w3-right-align
{
text-align
:
right
!important
}
.w3-justify
{
text-align
:
justify
!important
}
.w3-center
{
text-align
:
center
!important
}
.w3-display-topleft
{
position
:
absolute
;
left
:
0
;
top
:
0
}
.w3-display-topright
{
position
:
absolute
;
right
:
0
;
top
:
0
}
.w3-display-bottomleft
{
position
:
absolute
;
left
:
0
;
bottom
:
0
}
.w3-display-bottomright
{
position
:
absolute
;
right
:
0
;
bottom
:
0
}
.w3-display-middle
{
position
:
absolute
;
left
:
0
;
top
:
50%
;
width
:
100%
;
text-align
:
center
}
.w3-circle
{
border-radius
:
50%
!important
}
.w3-round-small
{
border-radius
:
2px
!important
}
.w3-round
,
.w3-round-medium
{
border-radius
:
4px
!important
}
.w3-round-large
{
border-radius
:
8px
!important
}
.w3-round-xlarge
{
border-radius
:
16px
!important
}
.w3-round-xxlarge
{
border-radius
:
32px
!important
}
.w3-round-jumbo
{
border-radius
:
64px
!important
}
.w3-border-0
{
border
:
0
!important
}
.w3-border
{
border
:
1px
solid
#ccc
!important
}
.w3-border-top
{
border-top
:
1px
solid
#ccc
!important
}
.w3-border-bottom
{
border-bottom
:
1px
solid
#ccc
!important
}
.w3-border-left
{
border-left
:
1px
solid
#ccc
!important
}
.w3-border-right
{
border-right
:
1px
solid
#ccc
!important
}
.w3-margin-0
{
margin
:
0
!important
}
.w3-margin-2
{
margin
:
2px
!important
}
.w3-margin-4
{
margin
:
4px
!important
}
.w3-margin-8
{
margin
:
8px
!important
}
.w3-margin-12
{
margin
:
12px
!important
}
.w3-margin-16
{
margin
:
16px
!important
}
.w3-margin-24
{
margin
:
24px
!important
}
.w3-margin-32
{
margin
:
32px
!important
}
.w3-margin-64
{
margin
:
64px
!important
}
.w3-margin-128
{
margin
:
128px
!important
}
.w3-margin
{
margin
:
16px
!important
}
.w3-margin-top
{
margin-top
:
16px
!important
}
.w3-margin-bottom
{
margin-bottom
:
16px
!important
}
.w3-margin-left
{
margin-left
:
16px
!important
}
.w3-margin-right
{
margin-right
:
16px
!important
}
.w3-padding-tiny
{
padding
:
2px
4px
!important
}
.w3-padding-small
{
padding
:
4px
8px
!important
}
.w3-padding-medium
,
.w3-padding
,
.w3-form
{
padding
:
8px
16px
!important
}
.w3-padding-large
{
padding
:
12px
24px
!important
}
.w3-padding-xlarge
{
padding
:
16px
32px
!important
}
.w3-padding-xxlarge
{
padding
:
24px
48px
!important
}
.w3-padding-jumbo
{
padding
:
32px
64px
!important
}
.w3-padding-0
{
padding
:
0
!important
}
.w3-padding-4
{
padding-top
:
4px
!important
;
padding-bottom
:
4px
!important
}
.w3-padding-8
{
padding-top
:
8px
!important
;
padding-bottom
:
8px
!important
}
.w3-padding-16
{
padding-top
:
16px
!important
;
padding-bottom
:
16px
!important
}
.w3-padding-24
{
padding-top
:
24px
!important
;
padding-bottom
:
24px
!important
}
.w3-padding-32
{
padding-top
:
32px
!important
;
padding-bottom
:
32px
!important
}
.w3-padding-48
{
padding-top
:
48px
!important
;
padding-bottom
:
48px
!important
}
.w3-padding-64
{
padding-top
:
64px
!important
;
padding-bottom
:
64px
!important
}
.w3-padding-top
{
padding-top
:
8px
!important
}
.w3-padding-bottom
{
padding-bottom
:
8px
!important
}
.w3-padding-left
{
padding-left
:
16px
!important
}
.w3-padding-right
{
padding-right
:
16px
!important
}
.w3-topbar
{
border-top
:
6px
solid
#ccc
!important
}
.w3-bottombar
{
border-bottom
:
6px
solid
#ccc
!important
}
.w3-leftbar
{
border-left
:
6px
solid
#ccc
!important
}
.w3-rightbar
{
border-right
:
6px
solid
#ccc
!important
}
.w3-border-red
{
border-color
:
#ff6060
!important
}
.w3-border-yellow
{
border-color
:
#daa520
!important
}
.w3-border-green
{
border-color
:
#66aa66
!important
}
.w3-border-blue
{
border-color
:
#1E90FF
!important
}
.w3-row-padding
,
.w3-row-padding
>
.w3-half
,
.w3-row-padding
>
.w3-third
,
.w3-row-padding
>
.w3-twothird
,
.w3-row-padding
>
.w3-quarter
,
.w3-row-padding
>
.w3-col
{
padding
:
0
8px
}
.w3-spin
{
animation
:
w3-spin
2s
infinite
linear
;
-webkit-animation
:
w3-spin
2s
infinite
linear
}
@-webkit-keyframes
w3-spin
{
0
%
{
-webkit-transform
:
rotate
(
0deg
);
transform
:
rotate
(
0deg
)}
100
%
{
-webkit-transform
:
rotate
(
359deg
);
transform
:
rotate
(
359deg
)}}
@keyframes
w3-spin
{
0
%
{
-webkit-transform
:
rotate
(
0deg
);
transform
:
rotate
(
0deg
)}
100
%
{
-webkit-transform
:
rotate
(
359deg
);
transform
:
rotate
(
359deg
)}}
.w3-container
{
padding
:
0.01em
16px
}
.w3-example
{
background-color
:
#f1f1f1
;
padding
:
0.01em
16px
}
.w3-section
,
.w3-paragraph
{
margin-top
:
16px
;
margin-bottom
:
16px
}
.w3-code
{
font-family
:
Consolas
,
"courier new"
;
font-size
:
16px
;
line-height
:
1.4
;
width
:
auto
;
background-color
:
#fff
;
padding
:
8px
12px
;
border-left
:
4px
solid
#009688
;
word-wrap
:
break-word
}
.w3-example
,
.w3-code
,
.w3-reference
{
margin
:
20px
0
}
.w3-card
{
border
:
1px
solid
#ccc
}
.w3-card-2
,
.w3-example
{
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
0.16
),
0
2px
10px
0
rgba
(
0
,
0
,
0
,
0.12
)
!important
}
.w3-card-4
,
.w3-hover-shadow
:hover
{
box-shadow
:
0
4px
8px
0
rgba
(
0
,
0
,
0
,
0.2
),
0
6px
20px
0
rgba
(
0
,
0
,
0
,
0.19
)
!important
}
.w3-card-8
{
box-shadow
:
0
8px
16px
0
rgba
(
0
,
0
,
0
,
0.2
),
0
6px
20px
0
rgba
(
0
,
0
,
0
,
0.19
)
!important
}
.w3-card-12
{
box-shadow
:
0
12px
16px
0
rgba
(
0
,
0
,
0
,
0.24
),
0
17px
50px
0
rgba
(
0
,
0
,
0
,
0.19
)
!important
}
.w3-card-16
{
box-shadow
:
0
16px
24px
0
rgba
(
0
,
0
,
0
,
0.22
),
0
25px
55px
0
rgba
(
0
,
0
,
0
,
0.21
)
!important
}
.w3-card-24
{
box-shadow
:
0
24px
24px
0
rgba
(
0
,
0
,
0
,
0.2
),
0
40px
77px
0
rgba
(
0
,
0
,
0
,
0.22
)
!important
}
.w3-animate-fading
{
-webkit-animation
:
fading
10s
infinite
;
animation
:
fading
10s
infinite
}
@-webkit-keyframes
fading
{
0
%
{
opacity
:
0
}
50
%
{
opacity
:
1
}
100
%
{
opacity
:
0
}}
@keyframes
fading
{
0
%
{
opacity
:
0
}
50
%
{
opacity
:
1
}
100
%
{
opacity
:
0
}}
.w3-animate-opacity
{
-webkit-animation
:
opac
4s
;
animation
:
opac
4s
}
@-webkit-keyframes
opac
{
from
{
opacity
:
0
}
to
{
opacity
:
1
}}
@keyframes
opac
{
from
{
opacity
:
0
}
to
{
opacity
:
1
}}
.w3-animate-top
{
position
:
relative
;
-webkit-animation
:
animatetop
0.4s
;
animation
:
animatetop
0.4s
}
@-webkit-keyframes
animatetop
{
from
{
top
:
-300px
;
opacity
:
0
}
to
{
top
:
0
;
opacity
:
1
}}
@keyframes
animatetop
{
from
{
top
:
-300px
;
opacity
:
0
}
to
{
top
:
0
;
opacity
:
1
}}
.w3-animate-left
{
position
:
relative
;
-webkit-animation
:
animateleft
0.4s
;
animation
:
animateleft
0.4s
}
@-webkit-keyframes
animateleft
{
from
{
left
:
-300px
;
opacity
:
0
}
to
{
left
:
0
;
opacity
:
1
}}
@keyframes
animateleft
{
from
{
left
:
-300px
;
opacity
:
0
}
to
{
left
:
0
;
opacity
:
1
}}
.w3-animate-right
{
position
:
relative
;
-webkit-animation
:
animateright
0.4s
;
animation
:
animateright
0.4s
}
@-webkit-keyframes
animateright
{
from
{
right
:
-300px
;
opacity
:
0
}
to
{
right
:
0
;
opacity
:
1
}}
@keyframes
animateright
{
from
{
right
:
-300px
;
opacity
:
0
}
to
{
right
:
0
;
opacity
:
1
}}
.w3-animate-bottom
{
position
:
relative
;
-webkit-animation
:
animatebottom
0.4s
;
animation
:
animatebottom
0.4s
}
@-webkit-keyframes
animatebottom
{
from
{
bottom
:
-300px
;
opacity
:
0
}
to
{
bottom
:
0px
;
opacity
:
1
}}
@keyframes
animatebottom
{
from
{
bottom
:
-300px
;
opacity
:
0
}
to
{
bottom
:
0
;
opacity
:
1
}}
.w3-animate-zoom
{
-webkit-animation
:
animatezoom
0.6s
;
animation
:
animatezoom
0.6s
}
@-webkit-keyframes
animatezoom
{
from
{
-webkit-transform
:
scale
(
0
)}
to
{
-webkit-transform
:
scale
(
1
)}}
@keyframes
animatezoom
{
from
{
transform
:
scale
(
0
)}
to
{
transform
:
scale
(
1
)}}
.w3-animate-input
{
-webkit-transition
:
width
0.4s
ease-in-out
;
transition
:
width
0.4s
ease-in-out
}
.w3-animate-input
:focus
{
width
:
100%
!important
}
.w3-amber
,
.w3-hover-amber
:hover
{
color
:
#000
!important
;
background-color
:
#ffc107
!important
}
.w3-aqua
,
.w3-hover-aqua
:hover
{
color
:
#000
!important
;
background-color
:
#00ffff
!important
}
.w3-blue
,
.w3-hover-blue
:hover
{
color
:
#fff
!important
;
background-color
:
#2196F3
!important
}
.w3-light-blue
,
.w3-hover-light-blue
:hover
{
color
:
#000
!important
;
background-color
:
#87CEEB
!important
}
.w3-brown
,
.w3-hover-brown
:hover
{
color
:
#fff
!important
;
background-color
:
#795548
!important
}
.w3-cyan
,
.w3-hover-cyan
:hover
{
color
:
#000
!important
;
background-color
:
#00bcd4
!important
}
.w3-blue-grey
,
.w3-hover-blue-grey
:hover
{
color
:
#fff
!important
;
background-color
:
#607d8b
!important
}
.w3-green
,
.w3-hover-green
:hover
{
color
:
#fff
!important
;
background-color
:
#4CAF50
!important
}
.w3-light-green
,
.w3-hover-light-green
:hover
{
color
:
#000
!important
;
background-color
:
#8bc34a
!important
}
.w3-indigo
,
.w3-hover-indigo
:hover
{
color
:
#fff
!important
;
background-color
:
#3f51b5
!important
}
.w3-khaki
,
.w3-hover-khaki
:hover
{
color
:
#000
!important
;
background-color
:
#f0e68c
!important
}
.w3-lime
,
.w3-hover-lime
:hover
{
color
:
#000
!important
;
background-color
:
#cddc39
!important
}
.w3-orange
,
.w3-hover-orange
:hover
{
color
:
#000
!important
;
background-color
:
#ff9800
!important
}
.w3-deep-orange
,
.w3-hover-deep-orange
:hover
{
color
:
#fff
!important
;
background-color
:
#ff5722
!important
}
.w3-pink
,
.w3-hover-pink
:hover
{
color
:
#fff
!important
;
background-color
:
#e91e63
!important
}
.w3-purple
,
.w3-hover-purple
:hover
{
color
:
#fff
!important
;
background-color
:
#9c27b0
!important
}
.w3-deep-purple
,
.w3-hover-deep-purple
:hover
{
color
:
#fff
!important
;
background-color
:
#673ab7
!important
}
.w3-red
,
.w3-hover-red
:hover
{
color
:
#fff
!important
;
background-color
:
#f44336
!important
}
.w3-sand
,
.w3-hover-sand
:hover
{
color
:
#000
!important
;
background-color
:
#fdf5e6
!important
}
.w3-teal
,
.w3-hover-teal
:hover
{
color
:
#fff
!important
;
background-color
:
#009688
!important
}
.w3-yellow
,
.w3-hover-yellow
:hover
{
color
:
#000
!important
;
background-color
:
#ffeb3b
!important
}
.w3-white
,
.w3-hover-white
:hover
{
color
:
#000
!important
;
background-color
:
#fff
!important
}
.w3-black
,
.w3-hover-black
:hover
{
color
:
#fff
!important
;
background-color
:
#000
!important
}
.w3-grey
,
.w3-hover-grey
:hover
{
color
:
#000
!important
;
background-color
:
#9e9e9e
!important
}
.w3-light-grey
,
.w3-hover-light-grey
:hover
{
color
:
#000
!important
;
background-color
:
#f1f1f1
!important
}
.w3-dark-grey
,
.w3-hover-dark-grey
:hover
{
color
:
#fff
!important
;
background-color
:
#616161
!important
}
.w3-pale-red
,
.w3-hover-pale-red
:hover
{
color
:
#000
!important
;
background-color
:
#ffe7e7
!important
}
.w3-pale-green
,
.w3-hover-pale-green
:hover
{
color
:
#000
!important
;
background-color
:
#e7ffe7
!important
}
.w3-pale-yellow
,
.w3-hover-pale-yellow
:hover
{
color
:
#000
!important
;
background-color
:
#ffffd7
!important
}
.w3-pale-blue
,
.w3-hover-pale-blue
:hover
{
color
:
#000
!important
;
background-color
:
#e7ffff
!important
}
.w3-text-amber
,
.w3-hover-text-amber
:hover
{
color
:
#ffc107
!important
}
.w3-text-aqua
,
.w3-hover-text-aqua
:hover
{
color
:
#00ffff
!important
}
.w3-text-blue
,
.w3-hover-text-blue
:hover
{
color
:
#2196F3
!important
}
.w3-text-light-blue
,
.w3-hover-text-light-blue
:hover
{
color
:
#87CEEB
!important
}
.w3-text-brown
,
.w3-hover-text-brown
:hover
{
color
:
#795548
!important
}
.w3-text-cyan
,
.w3-hover-text-cyan
:hover
{
color
:
#00bcd4
!important
}
.w3-text-blue-grey
,
.w3-hover-text-blue-grey
:hover
{
color
:
#607d8b
!important
}
.w3-text-green
,
.w3-hover-text-green
:hover
{
color
:
#4CAF50
!important
}
.w3-text-light-green
,
.w3-hover-text-light-green
:hover
{
color
:
#8bc34a
!important
}
.w3-text-indigo
,
.w3-hover-text-indigo
:hover
{
color
:
#3f51b5
!important
}
.w3-text-khaki
,
.w3-hover-text-khaki
:hover
{
color
:
#b4aa50
!important
}
.w3-text-lime
,
.w3-hover-text-lime
:hover
{
color
:
#cddc39
!important
}
.w3-text-orange
,
.w3-hover-text-orange
:hover
{
color
:
#ff9800
!important
}
.w3-text-deep-orange
,
.w3-hover-text-deep-orange
:hover
{
color
:
#ff5722
!important
}
.w3-text-pink
,
.w3-hover-text-pink
:hover
{
color
:
#e91e63
!important
}
.w3-text-purple
,
.w3-hover-text-purple
:hover
{
color
:
#9c27b0
!important
}
.w3-text-deep-purple
,
.w3-hover-text-deep-purple
:hover
{
color
:
#673ab7
!important
}
.w3-text-red
,
.w3-hover-text-red
:hover
{
color
:
#f44336
!important
}
.w3-text-sand
,
.w3-hover-text-sand
:hover
{
color
:
#fdf5e6
!important
}
.w3-text-teal
,
.w3-hover-text-teal
:hover
{
color
:
#009688
!important
}
.w3-text-yellow
,
.w3-hover-text-yellow
:hover
{
color
:
#d2be0e
!important
}
.w3-text-white
,
.w3-hover-text-white
:hover
{
color
:
#fff
!important
}
.w3-text-black
,
.w3-hover-text-black
:hover
{
color
:
#000
!important
}
.w3-text-grey
,
.w3-hover-text-grey
:hover
{
color
:
#757575
!important
}
.w3-text-light-grey
,
.w3-hover-text-light-grey
:hover
{
color
:
#f1f1f1
!important
}
.w3-text-dark-grey
,
.w3-hover-text-dark-grey
:hover
{
color
:
#3a3a3a
!important
}
.w3-opacity
,
.w3-hover-opacity
:hover
{
opacity
:
0.60
}
.w3-text-shadow
{
text-shadow
:
1px
1px
0
#444
}
.w3-text-shadow-white
{
text-shadow
:
1px
1px
0
#ddd
}
public/img/20170528_084214.jpg
0 → 100644
View file @
6f691c39
155 KB
public/img/gallery-1.jpg
View replaced file @
3ecba003
View file @
6f691c39
37.7 KB
|
W:
|
H:
169 KB
|
W:
|
H:
2-up
Swipe
Onion skin
resources/views/vendor/adminlte/auth/login.blade.php
View file @
6f691c39
...
...
@@ -26,7 +26,7 @@
<div class="
login
-
box
-
body
" >
<!-- <p class="
login
-
box
-
msg
"> {{ trans('adminlte_lang::message.siginsession') }} </p> -->
<div class="
login
-
logo
">
<a href="
{{
url
(
'/home'
)
}}
"><b>
SIBH
</b></a>
<a href="
{{
url
(
'/home'
)
}}
"><b>
BOOKING BULBUL HOMESTAY
</b></a>
</div><!-- /.login-logo -->
<form action="
{{
url
(
'/login'
)
}}
" method="
post
">
<input type="
hidden
" name="
_token
" value="
{{
csrf_token
()
}}
">
...
...
resources/views/vendor/adminlte/layouts/owner/ListBooking.blade.php
View file @
6f691c39
...
...
@@ -25,18 +25,7 @@
@endif
</div>
<div class="
box
-
body
">
<div class="
col
-
md
-
4
col
-
sm
-
6
col
-
xs
-
12
">
<div class="
info
-
box
bg
-
yellow
">
<span class="
info
-
box
-
icon
"><i class="
glyphicon
glyphicon
glyphicon
-
list
-
alt
"></i></span>
<div class="
info
-
box
-
content
">
<span class="
info
-
box
-
text
">Daftar Booked</span>
<span class="
info
-
box
-
number
">
{
{$count}
}
</span>
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div>
<br>
<table class="
table
table
-
striped
">
<tr>
...
...
resources/views/vendor/adminlte/layouts/owner/ListPengajuanFasilitas.blade.php
View file @
6f691c39
...
...
@@ -20,18 +20,8 @@
@endif
</div>
<div class="
box
-
body
">
<div class="
col
-
md
-
4
col
-
sm
-
6
col
-
xs
-
12
">
<div class="
info
-
box
bg
-
yellow
">
<span class="
info
-
box
-
icon
"><i class="
glyphicon
glyphicon
-
modal
-
window
"></i></span>
<div class="
info
-
box
-
content
">
<span class="
info
-
box
-
text
">List Pengajuan Fasilitas</span>
<span class="
info
-
box
-
number
">
{
{$count}
}
</span>
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div>
<!-- <div class="
col
-
md
-
4
col
-
sm
-
6
col
-
xs
-
12
">
</div> -->
<br>
<table class="
table
table
-
striped
">
<tr>
...
...
resources/views/vendor/adminlte/layouts/owner/ListPengajuanHomestay.blade.php
View file @
6f691c39
...
...
@@ -20,19 +20,7 @@
@endif
</div>
<div class="
box
-
body
">
<div class="
col
-
md
-
4
col
-
sm
-
6
col
-
xs
-
12
">
<div class="
info
-
box
bg
-
yellow
">
<span class="
info
-
box
-
icon
"><i class="
glyphicon
glyphicon
glyphicon
-
home
"></i></span>
<div class="
info
-
box
-
content
">
<span class="
info
-
box
-
text
">List Pengajuan Homestay</span>
<span class="
info
-
box
-
number
">
{
{$count}
}
</span>
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
<br>
</div>
<table class="
table
table
-
striped
">
<tr>
<th>Pengaju</th>
...
...
resources/views/vendor/adminlte/layouts/owner/UpdateHomestay.blade.php
View file @
6f691c39
...
...
@@ -7,7 +7,7 @@
@
section
(
'main-content'
)
<
div
class
="
box
box
-
primary
">
<div class="
box
-
header
with
-
border
">
<h3 class="
box
-
title
">
REQUEST FASILITAS
</h3>
<h3 class="
box
-
title
">
UPDATE HOMESTAY
</h3>
@if (count(
$errors
) > 0)
<div class="
alert
alert
-
danger
">
<strong>Whoops!</strong> {{ trans('adminlte_lang::message.someproblems') }}<br><br>
...
...
resources/views/vendor/adminlte/layouts/owner/home.blade.php
View file @
6f691c39
...
...
@@ -9,48 +9,55 @@
<!-- Small boxes (Stat box) -->
<div class="
row
">
<div class="
col
-
lg
-
3
col
-
xs
-
6
">
<!-- small box -->
<div class="
small
-
box
bg
-
aqua
">
<div class="
inner
">
<h3>
150
</h3>
<h3>
{
{$count}
}
</h3>
<p>
Pemesanan
</p>
<p>
Jumlah Kamar
</p>
</div>
<div class="
icon
">
<i class="
ion
ion
-
bag
"></i>
<i class="
fa
fa
-
bed
"></i>
</div>
<a href="
#" class="small-box-footer">
More info
<i class="fa fa-arrow-circle-right"></i></a>
<a href="
#" class="small-box-footer">
Lihat
<i class="fa fa-arrow-circle-right"></i></a>
</
div
>
</
div
>
<!--
./
col
-->
<
div
class
="
col
-
lg
-
3
col
-
xs
-
6
">
<!-- small box -->
<div class="
small
-
box
bg
-
green
">
<div class="
inner
">
<h3>
53<sup style="
font
-
size
:
20
px
">%</sup>
</h3>
<p>
Bounce Rate
</p>
<h3>
{
{$count1}
}
</h3>
<p>
Pemesanan baru
</p>
</div>
<div class="
icon
">
<i class="
ion
ion
-
stats
-
bars
"></i>
<i class="
fa
fa
-
list
"></i>
</div>
<a href="
#" class="small-box-footer">
More info
<i class="fa fa-arrow-circle-right"></i></a>
<a href="
#" class="small-box-footer">
Lihat
<i class="fa fa-arrow-circle-right"></i></a>
</
div
>
</
div
>
<!--
./
col
-->
<
div
class
="
col
-
lg
-
3
col
-
xs
-
6
">
<!-- small box -->
<div class="
small
-
box
bg
-
yellow
">
<div class="
inner
">
<h3>44</h3>
<p>User Registrations</p>
<h3>
{
{$count1}
}
</h3>
<p>Feedback</p>
</div>
<div class="
icon
">
<i class="
ion
ion
-
person
-
add
"></i>
<i class="
fa
fa
-
edit
"></i>
</div>
<a href="
#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
</
div
>
</
div
>
<!--
./
col
-->
<
div
class
="
col
-
lg
-
3
col
-
xs
-
6
">
<!-- small box -->
...
...
resources/views/vendor/adminlte/layouts/owner/listPesanan.blade.php
View file @
6f691c39
...
...
@@ -26,15 +26,7 @@
</div>
<div class="
box
-
body
">
<div class="
col
-
md
-
4
col
-
sm
-
6
col
-
xs
-
12
">
<div class="
info
-
box
bg
-
yellow
">
<span class="
info
-
box
-
icon
"><i class="
glyphicon
glyphicon
glyphicon
-
list
-
alt
"></i></span>
<div class="
info
-
box
-
content
">
<span class="
info
-
box
-
text
">Daftar Pesanan</span>
<span class="
info
-
box
-
number
">
{
{$count}
}
</span>
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div>
<br>
...
...
resources/views/vendor/adminlte/layouts/owner/listRoom.blade.php
View file @
6f691c39
...
...
@@ -33,15 +33,13 @@
</div>
<div class="
box
-
body
">
<div class="
col
-
md
-
4
col
-
sm
-
6
col
-
xs
-
12
">
<div class="
info
-
box
bg
-
yellow
">
<
!-- <
div class="
info
-
box
bg
-
yellow
">
<span class="
info
-
box
-
icon
"><i class="
glyphicon
glyphicon
glyphicon
-
bed
"></i></span>
<div class="
info
-
box
-
content
">
<span class="
info
-
box
-
text
">List Room</span>
<span class="
info
-
box
-
number
">
{
{$count}
}
</span>
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div> -->
</div>
<br>
<table class="
table
table
-
striped
">
...
...
@@ -60,20 +58,23 @@
<td>@if(
$a->gambar
== null)
<img alt="
Belum
ada
foto
">
@else
<a href="
/
img
/
{{
$a
->
gambar
}}
" data-lightbox="
roadtrip
"><img src="
/
img
/
{{
$a
->
gambar
}}
" style="
max
-
height
:
150
px
"></a>
@endif
</td>
<td>
<a href="
{{
url
(
'editRoom/'
.
$a
->
id
)}}
" class="
btn
btn
-
primary
"><i class="
glyphicon
glyphicon
-
edit
"></i></a>
</td>
<td>
<a href="
{{
url
(
'editRoom/'
.
$a
->
id
)}}
" class="
btn
btn
-
primary
"><i class="
glyphicon
glyphicon
-
edit
"></i> Edit Kamar</a>
<form action="
{{
url
(
'room/'
.
$a
->
id
)}}
" method="
POST
">
{
{csrf_field()}
}
<input type="
hidden
" name="
_method
" value="
DELETE
">
<button type="
submit
" class="
btn
btn
-
danger
"><i class="
glyphicon
glyphicon
-
trash
"></i></button>
<br>
<button type="
submit
" class="
btn
btn
-
danger
"><i class="
glyphicon
glyphicon
-
trash
"></i>Hapus Kamar</button>
</form>
</td>
<td>
</td>
</tr>
@endforeach
</table>
...
...
resources/views/vendor/adminlte/layouts/owner/listfeedback.blade.php
View file @
6f691c39
...
...
@@ -27,15 +27,7 @@
</div>
<div class="
box
-
body
">
<div class="
col
-
md
-
4
col
-
sm
-
6
col
-
xs
-
12
">
<div class="
info
-
box
bg
-
yellow
">
<span class="
info
-
box
-
icon
"><i class="
glyphicon
glyphicon
glyphicon
-
list
-
alt
"></i></span>
<div class="
info
-
box
-
content
">
<span class="
info
-
box
-
text
">Daftar Feedback</span>
<span class="
info
-
box
-
number
"></span>
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div>
<br>
...
...
resources/views/vendor/adminlte/layouts/owner/profil.blade.php
View file @
6f691c39
...
...
@@ -11,12 +11,12 @@
<div class="
col
-
md
-
10
col
-
md
-
offset
-
1
">
<div class="
panel
panel
-
default
">
<div class="
panel
-
heading
">
<h3 class="
panel
-
heading
">
Your Profil
</h3>
<h3 class="
panel
-
heading
">
Profil Anda
</h3>
</div>
<div class="
panel
-
body
">
<div class="
row
">
<div class="
col
-
md
-
3
col
-
lg
-
3
" align="
center
">
<img alt="
User
Pic
" src="
img
/
{{
$data
->
foto
}}
"
class="
img
-
circle
img
-
responsive
">
<img alt="
User
Pic
" src="
img
/
{{
$data
->
foto
}}
"
style="
width
:
200
px
;
border
-
radius
:
10
%
;
">
</div>
<div class="
col
-
md
-
9
col
-
lg
-
8
">
<table class="
table
table
-
user
-
information
">
...
...
@@ -51,7 +51,7 @@
</div>
<div class="
panel
-
footer
">
<a href="
{{
url
(
'profiledit/'
.
$data
->
id
)}}
" data-original-title="
Edit
this
user
" data-toggle="
tooltio
" type="
button
" class="
btn
btn
-
sm
btn
-
warning
">
<i class="
glyphicon
glyphicon
-
edit
"></i>
<span class="
glyphicon
glyphicon
-
edit
"></span> Edit Profil
</a>
</div>
</div>
...
...
resources/views/vendor/adminlte/layouts/owner/updateProfil.blade.php
deleted
100644 → 0
View file @
3ecba003
@
extends
(
'adminlte::layouts.app'
)
@
section
(
'htmlheader_title'
)
{{
trans
(
'adminlte_lang::message.home'
)
}}
@
endsection
@
section
(
'main-content'
)
<
div
class
="
container
-
fluid
spark
-
screen
">
<div class="
row
">
<div class="
col
-
md
-
10
col
-
md
-
offset
-
1
">
<div class="
panel
panel
-
default
">
<div class="
panel
-
body
">
@if(Session::has('alert-success'))
<div class="
alert
alert
-
success
">
{{ Session::get('alert-success') }}
</div>
@endif
@if (count(
$errors
) > 0)
<div class="
alert
alert
-
danger
">
<ul>
@foreach (
$errors->all
() as
$error
)
<li>{{
$error
}}</li>
@endforeach
</ul>
</div>
@endif
<form action="
{{
url
(
'profileupdate/'
.
$data
->
id
)}}
" method="
post
" enctype="
multipart
/
form
-
data
">
<input type="
hidden
" name="
_method
" value="
PUT
">
{
{csrf_field()}
}
<label>Nama</label>
<input type="
text
" name="
nama
" value="
{{
$data
->
nama
}}
" id="
nama
" class="
form
-
control
">
<label>Alamat</label>
<input type="
text
" name="
alamat
" value="
{{
$data
->
alamat
}}
" id="
alamat
" class="
form
-
control
">
<label>Pekerjaan</label>
<input type="
text
" name="
pekerjaan
" value="
{{
$data
->
pekerjaan
}}
" id="
pekerjaan
" class="
form
-
control
">
<label>Nomor Telepon</label>
<input type="
text
" name="
noTelepon
" value="
{{
$data
->
no_telepon
}}
" id="
noTelepon
" class="
form
-
control
">
<label>Nomor Rekening</label>
<input type="
text
" name="
noRekening
" value="
{{
$data
->
no_rekening
}}
" id="
noRekening
" class="
form
-
control
">
<label>Foto</label>
<input type="
file
" name="
picture
" id="
picture
" class="
form
-
control
"><br>
<div class="
form
-
group
" align="
right
">
<input type="
submit
" class="
btn
btn
-
primary
" value="
simpan
">
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
resources/views/vendor/adminlte/layouts/pages/Home.blade.php
View file @
6f691c39
...
...
@@ -145,9 +145,16 @@
<div class="
services
agileits
w3layouts
" style="
padding
-
top
:
10
px
">
<h1> Lokasi Kami</h1>
<div class="
banner
agileits
w3layouts
">
<img src="
{{
asset
(
'img/lokasi bul-bul.JPG'
)}}
" alt="
Agileits
W3layouts
">
<h1 class="
agileits
w3layouts
">Tobasamosir</h1>
<iframe
width="
100
%
"
height="
500
"
frameborder="
0
" style="
border
:
0
"
src="
https
://
www
.
google
.
com
/
maps
/
embed
/
v1
/
place
?
key
=
AIzaSyDgZqmVOxZDK2qWwAFdHz0ty4Rjz7jHrpA
&
q
=
Pantai
+
Lumban
+
Bulbul
,
+
Kabupaten
+
Toba
+
Samosir
,
+
Sumatera
+
Utara
" allowfullscreen>
</iframe>
</div>
</div>
</div>
<!-- //Lokasi -->
...
...
resources/views/vendor/adminlte/layouts/pages/Homestay.blade.php
View file @
6f691c39
...
...
@@ -124,6 +124,11 @@
<
td
>:</
td
>
<
td
style
=
"color: #1dc8d9;font-size:30px;"
>
{{
$avilable
}}
</
td
>
</
tr
>
<
tr
>
<
td
>
Harga
</
td
>
<
td
>:</
td
>
<
td
>
Rp
150.000
/
hari
</
td
>
</
tr
>
</
table
>
</
div
>
<
div
class
="
col
-
md
-
6
col
-
sm
-
6
cuisines
-
grids
agileits
w3layouts
cuisines
-
grids
-
2
">
...
...
@@ -136,7 +141,15 @@
@foreach(
$dataKamar
as
$dk
)
<div class="
col
-
md
-
3
col
-
sm
-
3
details
-
grid
agileits
w3layouts
details
-
grid
-
1
">
<div id="
gambar
">
<img src="
/
img
/
{{
$dk
->
gambar
}}
" alt="
Agileits
W3layouts
" data-toggle="
modal
" data-target="
#myModal" style="cursor: pointer;">
<a class="
example
-
image
-
link
agileits
w3layouts
" href="
/
img
/
{{
$dk
->
gambar
}}
" data-lightbox="
example
-
set
" data-title="">
<div class="
grid
agileits
w3layouts
">
<figure class="
effect
-
apollo
agileits
w3layouts
">
<img src="
/
img
/
{{
$dk
->
gambar
}}
" alt="
Agileits
W3layouts
" id="
data
">
<figcaption></figcaption>
</figure>
</div>
</a>
<!-- <img src="" alt="
Agileits
W3layouts
" data-toggle="
modal
" data-target="
#myModal" style="cursor: pointer;"> -->
</
div
>
<
div
class
="
clearfix
"></div>
</div>
...
...
resources/views/vendor/adminlte/layouts/pages/gallery.blade.php
View file @
6f691c39
...
...
@@ -11,14 +11,14 @@
<!-- //Banner -->
<div class="
details
agileits
w3layouts
" style="
padding
:
10
px
;
" >
<div class="
container
" style="
margin
-
top
:
10
px
;
background
-
color
:
white
;
width
:
950
px
;
margin
-
left
:
auto
;
margin
-
right
:
auto
;
margin
-
top
:
20
px
;
padding
-
top
:
30
px
;
padding
-
bottom
:
10
px
;
box
-
shadow
:
2
px
2
px
5
px
0
px
#bfbebe">
<
div
class
="
portfolio
agileits
w3layouts
">
<
div
class
="
portfolio
agileits
w3layouts
">
<div class="
ga
-
top
agileits
w3layouts
">
<div class="
col
-
md
-
4
col
-
sm
-
4
agileits
w3layouts
portfolio
-
top
">
<div class="
portfolio
-
item
agileits
w3layouts
wow
zoomIn
">
<a class="
example
-
image
-
link
agileits
w3layouts
" href="
/
img
/
danautoba
.
jpg
" data-lightbox="
example
-
set
" data-title="">
<a class="
example
-
image
-
link
agileits
w3layouts
" href="
/
img
/
gallery
-
1
.
jpg
" data-lightbox="
example
-
set
" data-title="">
<div class="
grid
agileits
w3layouts
">
<figure class="
effect
-
apollo
agileits
w3layouts
">
<img src="
/
img
/
danautoba
.
jpg
" alt="
Agileits
W3layouts
">
<img src="
/
img
/
gallery
-
1.
jpg
" alt="
Agileits
W3layouts
" id="
data
" style="
max
-
width
:
100
%
;
height
:
auto
;
">
<figcaption></figcaption>
</figure>
</div>
...
...
@@ -28,10 +28,10 @@
<div class="
col
-
md
-
4
col
-
sm
-
4
agileits
w3layouts
portfolio
-
top
">
<div class="
portfolio
-
item
agileits
w3layouts
wow
zoomIn
">
<a class="
example
-
image
-
link
agileits
w3layouts
" href="
/
img
/
danautoba
.
jpg
" data-lightbox="
example
-
set
" data-title=""
>
<a class="
example
-
image
-
link
agileits
w3layouts
" href="
/
img
/
danautoba
.
jpg
" data-lightbox="
example
-
set
" data-title=""
>
<div class="
grid
agileits
w3layouts
">
<figure class="
effect
-
apollo
agileits
w3layouts
">
<img src="
/
img
/
danautoba
.
jpg
" alt="
Agileits
W3layouts
">
<img src="
/
img
/
danautoba
.
jpg
" alt="
Agileits
W3layouts
" style="
max
-
width
:
100
%
;
height
:
auto
;
">
<figcaption></figcaption>
</figure>
</div>
...
...
@@ -74,18 +74,169 @@
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="
gallery
">
<div class="
container
">
<h2 class="
tittle
">Gallery</h2>
<div class="
gal
-
btm
">
<div class="
col
-
md
-
4
gal
-
gd
wow
fadeInLeft
animated
" data-wow-delay="
.
5
s
">
<a href="
#image-1" >
<
div
class
="
nd
-
wrap
nd
-
style
-
8
">
<img src="
/
img
/
danautoba
.
jpg
" class="
img
-
responsive
" alt="
" />
<div class="
nd
-
content
">
<div class="
nd
-
content_inner
">
<div class="
nd
-
content_inner1
">
<h4 class="
nd
-
title
">Gallery</h4>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="
col
-
md
-
4
gal
-
gd
wow
fadeInLeft
animated
" data-wow-delay="
.
5
s
">
<a href="
#image-1" >
<
div
class
="
nd
-
wrap
nd
-
style
-
8
">
<img src="
/
img
/
danautoba
.
jpg
" class="
img
-
responsive
" alt="
" />
<div class="
nd
-
content
">
<div class="
nd
-
content_inner
">
<div class="
nd
-
content_inner1
">
<h4 class="
nd
-
title
">Gallery</h4>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="
col
-
md
-
4
gal
-
gd
wow
fadeInLeft
animated
" data-wow-delay="
.
5
s
">
<a href="
#image-1" >
<
div
class
="
nd
-
wrap
nd
-
style
-
8
">
<img src="
/
img
/
danautoba
.
jpg
" class="
img
-
responsive
" alt="
" />
<div class="
nd
-
content
">
<div class="
nd
-
content_inner
">
<div class="
nd
-
content_inner1
">
<h4 class="
nd
-
title
">Gallery</h4>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="
col
-
md
-
4
gal
-
gd
wow
fadeInLeft
animated
" data-wow-delay="
.
5
s
">
<a href="
#image-1" >
<
div
class
="
nd
-
wrap
nd
-
style
-
8
">
<img src="
/
img
/
danautoba
.
jpg
" class="
img
-
responsive
" alt="
" />
<div class="
nd
-
content
">
<div class="
nd
-
content_inner
">
<div class="
nd
-
content_inner1
">
<h4 class="
nd
-
title
">Gallery</h4>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="
col
-
md
-
4
gal
-
gd
wow
fadeInLeft
animated
" data-wow-delay="
.
5
s
">
<a href="
#image-1" >
<
div
class
="
nd
-
wrap
nd
-
style
-
8
">
<img src="
/
img
/
danautoba
.
jpg
" class="
img
-
responsive
" alt="
" />
<div class="
nd
-
content
">
<div class="
nd
-
content_inner
">
<div class="
nd
-
content_inner1
">
<h4 class="
nd
-
title
">Gallery</h4>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="
col
-
md
-
4
gal
-
gd
wow
fadeInLeft
animated
" data-wow-delay="
.
5
s
">
<a href="
#image-1" >
<
div
class
="
nd
-
wrap
nd
-
style
-
8
">
<img src="
/
img
/
danautoba
.
jpg
" class="
img
-
responsive
" alt="
" />
<div class="
nd
-
content
">
<div class="
nd
-
content_inner
">
<div class="
nd
-
content_inner1
">
<h4 class="
nd
-
title
">Gallery</h4>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="
col
-
md
-
4
gal
-
gd
wow
fadeInLeft
animated
" data-wow-delay="
.
5
s
">
<a href="
#image-1" >
<
div
class
="
nd
-
wrap
nd
-
style
-
8
">
<img src="
/
img
/
danautoba
.
jpg
" class="
img
-
responsive
" alt="
" />
<div class="
nd
-
content
">
<div class="
nd
-
content_inner
">
<div class="
nd
-
content_inner1
">
<h4 class="
nd
-
title
">Gallery</h4>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="
col
-
md
-
4
gal
-
gd
wow
fadeInLeft
animated
" data-wow-delay="
.
5
s
">
<a href="
#image-1" >
<
div
class
="
nd
-
wrap
nd
-
style
-
8
">
<img src="
/
img
/
danautoba
.
jpg
" class="
img
-
responsive
" alt="
" />
<div class="
nd
-
content
">
<div class="
nd
-
content_inner
">
<div class="
nd
-
content_inner1
">
<h4 class="
nd
-
title
">Gallery</h4>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="
clearfix
"></div>
</div>
</div>
</div>
<div tabindex="
-
1
" class="
modal
fade
" id="
myModal
" role="
dialog
">
<div class="
modal
-
dialog
">
<div class="
modal
-
content
">
<div class="
modal
-
header
">
<button class="
close
" type="
button
" data-dismiss="
modal
">×</button>
<h3 class="
modal
-
title
">Heading</h3>
</div>
<div class="
modal
-
body
"></div>
<div class="
modal
-
footer
">
<button class="
btn
btn
-
default
" data-dismiss="
modal
">Close</button>
</div>
</div>
</div>
</div>
<!-- //Tooltip-Content -->
<!-- Date-Picker-JavaScript -->
<script src="
{{
asset
(
'js/jquery-ui.js'
)}}
"></script>
<script>
document.getElementById('book').onclick = function(){
document.getElementById('book').onclick = function(){
swal("
Good
job
!
", "
You
clicked
the
button
!
", "
success
");};
</script>
...
...
resources/views/vendor/adminlte/layouts/pages/howtobook.blade.php
View file @
6f691c39
...
...
@@ -59,45 +59,6 @@
<!-- //Tooltip-Content -->
<!-- Date-Picker-JavaScript -->
<script src="
{{
asset
(
'js/jquery-ui.js'
)}}
"></script>
<script>
document.getElementById('book').onclick = function(){
swal("
Good
job
!
", "
You
clicked
the
button
!
", "
success
");};
</script>
<script>
document.querySelector(' ').onclick = function(){
swal("
Good
job
!
", "
You
clicked
the
button
!
", "
success
");};
</script>
<script>
document.querySelector('').onclick = function(){
swal({
title:"
Are
you
sure
?
",
text: "
You
will
not
be
able
to
recover
this
imaginary
file
!
",
type: "
warning
",
showCancelButton: true,
confirmButtonColor: '#DD6B55',
confirmButtonText: 'Yes, delete it!',
cancelButtonText: "
No
,
cancel
plx
!
",
closeOnConfirm: false,
closeOnCancel: false
},
function(isConfirm){
if (isConfirm){
swal("
Deleted
!
", "
Your
imaginary
file
has
been
deleted
!
", "
success
");
} else {
swal("
Cancelled
", "
Your
imaginary
file
is
safe
:
)
", "
error
");
}
});
};
</script>
</div>
</div>
...
...
resources/views/vendor/adminlte/layouts/partials/sidebar.blade.php
View file @
6f691c39
...
...
@@ -40,7 +40,7 @@
<li><a
href=
"{{url('daftarKamar')}}"
><i
class=
'fa fa-list'
></i>
<span>
Daftar Kamar
</span></a></li>
<li><a
href=
"{{url('pengajuanHomestay')}}"
><i
class=
'fa fa-external-link-square'
></i>
<span>
Pengajuan Homestay
</span></a></li>
<li><a
href=
"{{url('listFeedback')}}"
><i
class=
'fa fa-list'
></i>
<span>
Feedback
</span></a></li>
<li><a
href=
"{{url('updateHomestay')}}"
><i
class=
'fa fa-
lis
t'
></i>
<span>
Update Homestay
</span></a></li>
<li><a
href=
"{{url('updateHomestay')}}"
><i
class=
'fa fa-
edi
t'
></i>
<span>
Update Homestay
</span></a></li>
<li><a
href=
"{{url('listPengajuan')}}"
><i
class=
'fa fa-list'
></i>
<span>
List Pengajuan Homestay
</span></a></li>
</ul>
</li>
...
...
resources/views/vendor/adminlte/layouts/partialweb/htmlheader.blade.php
View file @
6f691c39
...
...
@@ -12,6 +12,7 @@
<!-- Custom-Stylesheet-Links -->
<!-- Bootstrap-CSS -->
<link
rel=
"stylesheet"
href=
"{{asset('css/bootstrap.min.css')}}"
type=
"text/css"
media=
"all"
>
<link
rel=
"stylesheet"
href=
"{{asset('css/lightbox.css')}}"
type=
"text/css"
media=
"all"
>
<link
rel=
"stylesheet"
href=
"{{asset('css/bootstrap.min.css')}}"
type=
"text/css"
media=
"all"
>
<!-- Index-Page-CSS -->
...
...
resources/views/vendor/adminlte/layouts/partialweb/mainfooter.blade.php
View file @
6f691c39
<!-- Footer -->
<div
class=
"footer agileits w3layouts"
>
<div
class=
"container"
>
<div
class=
"col-md-4 agileits w3layouts footer-grids"
>
<div
class=
"col-md-10 footer-grid agileits w3layouts footer-grid-1 "
>
<p>
...
...
@@ -28,13 +29,14 @@
<div
class=
"col-md-12 footer-grid agileits w3layouts footer-grid-3 "
>
<ul
class=
"agileits w3layouts"
>
<p
style=
"font-size: 20px; color: white;margin-bottom: 10px"
>
Contact Us
</p>
<
p><span
class=
"glyphicon agileits w3layouts glyphicon-map-marker"
aria-hidden=
"true"
></span>
Pematang Siantar Balige No.2 Toba Samosir
</p
>
<
p><span
class=
"glyphicon agileits w3layouts glyphicon-envelope"
aria-hidden=
"true"
></span>
paltigcsinaga@gmail.com
</p
>
<
p><span
class=
"glyphicon agileits w3layouts glyphicon-phone"
aria-hidden=
"true"
></span>
+6282174161231
</p
>
<
li><p><span
class=
"glyphicon agileits w3layouts glyphicon-map-marker"
aria-hidden=
"true"
></span>
Pematang Siantar Balige No.2 Toba Samosir
</p></li
>
<
li><p><span
class=
"glyphicon agileits w3layouts glyphicon-envelope"
aria-hidden=
"true"
></span>
paltigcsinaga@gmail.com
</p></li
>
<
li><p><span
class=
"glyphicon agileits w3layouts glyphicon-phone"
aria-hidden=
"true"
></span>
+6282174161231
</p></li
>
</ul>
</div>
<div
class=
"clearfix"
></div>
</div>
</div>
</div>
<!-- //Footer -->
resources/views/vendor/adminlte/layouts/partialweb/mainheader.blade.php
View file @
6f691c39
...
...
@@ -14,7 +14,7 @@
</div>
<div
id=
"navbar"
class=
"navbar-collapse agileits w3layouts navbar-right collapse"
>
<ul
class=
"nav agileits w3layouts navbar-nav"
>
<li
class=
"active"
><a
href=
"{{ url('/') }}"
>
HOME
</a></li>
<li
class=
"active"
><a
href=
"{{ url('/') }}"
>
BERANDA
</a></li>
<li><a
href=
"{{ url('/#2') }}"
>
DAFTAR HOMESTAY
</a></li>
<li><a
href=
"{{ url('/#3') }}"
>
LOKASI
</a></li>
<!-- <li><a href="gallery.html">PROFILE</a></li> -->
...
...
resources/views/vendor/adminlte/layouts/partialweb/scripts.blade.php
View file @
6f691c39
...
...
@@ -18,6 +18,18 @@ new WOW().init();
</script>
<!-- //Animate.CSS-JavaScript -->
<script
type=
"text/javascript"
>
$
(
document
).
ready
(
function
()
{
$
(
'.thumbnail'
).
click
(
function
(){
$
(
'.modal-body'
).
empty
();
var
title
=
$
(
this
).
parent
(
'a'
).
attr
(
"title"
);
$
(
'.modal-title'
).
html
(
title
);
$
(
$
(
this
).
parents
(
'div'
).
html
()).
appendTo
(
'.modal-body'
);
$
(
'#myModal'
).
modal
({
show
:
true
});
});
});
</script>
<!-- Slider-JavaScript -->
<script
src=
"{{asset('js/responsiveslides.min.js')}}"
></script>
<script>
...
...
@@ -34,18 +46,8 @@ $(function () {
<!-- //Slider-JavaScript -->
<!-- Slide-To-Top JavaScript (No-Need-To-Change) -->
<script
type=
"text/javascript"
>
$
(
document
).
ready
(
function
()
{
var
defaults
=
{
containerID
:
'toTop'
,
// fading element id
containerHoverID
:
'toTopHover'
,
// fading element hover id
scrollSpeed
:
100
,
easingType
:
'linear'
};
$
().
UItoTop
({
easingType
:
'easeOutQuart'
});
});
</script>
<a
href=
"#"
id=
"toTop"
class=
"agileits w3layouts"
style=
"display: block;"
>
<span
id=
"toTopHover"
style=
"opacity: 0;"
>
</span></a>
<!-- //Slide-To-Top JavaScript -->
<!-- Smooth-Scrolling-JavaScript -->
...
...
routes/web.php
View file @
6f691c39
...
...
@@ -119,6 +119,10 @@ Route::get('gallery', function(){
return
view
(
'gallery'
);
});
Route
::
get
(
'gallerrry'
,
function
(){
return
view
(
'media_gallery'
);
});
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment