Merge pull request #9 from Development-team-1/add-customer-frontend-service
customer-frontend-service 추가.
This commit is contained in:
Sangbum Park
GitHub
37
customer-frontend-service/.gitignore
vendored
Normal file
37
customer-frontend-service/.gitignore
vendored
Normal file
@@ -0,0 +1,37 @@
|
||||
HELP.md
|
||||
.gradle
|
||||
build/
|
||||
!gradle/wrapper/gradle-wrapper.jar
|
||||
!**/src/main/**/build/
|
||||
!**/src/test/**/build/
|
||||
|
||||
### STS ###
|
||||
.apt_generated
|
||||
.classpath
|
||||
.factorypath
|
||||
.project
|
||||
.settings
|
||||
.springBeans
|
||||
.sts4-cache
|
||||
bin/
|
||||
!**/src/main/**/bin/
|
||||
!**/src/test/**/bin/
|
||||
|
||||
### IntelliJ IDEA ###
|
||||
.idea
|
||||
*.iws
|
||||
*.iml
|
||||
*.ipr
|
||||
out/
|
||||
!**/src/main/**/out/
|
||||
!**/src/test/**/out/
|
||||
|
||||
### NetBeans ###
|
||||
/nbproject/private/
|
||||
/nbbuild/
|
||||
/dist/
|
||||
/nbdist/
|
||||
/.nb-gradle/
|
||||
|
||||
### VS Code ###
|
||||
.vscode/
|
||||
44
customer-frontend-service/build.gradle
Normal file
44
customer-frontend-service/build.gradle
Normal file
@@ -0,0 +1,44 @@
|
||||
plugins {
|
||||
id 'org.springframework.boot' version '2.6.3'
|
||||
id 'io.spring.dependency-management' version '1.0.11.RELEASE'
|
||||
id 'java'
|
||||
}
|
||||
|
||||
group = 'com.just-pickup'
|
||||
version = '0.0.1-SNAPSHOT'
|
||||
sourceCompatibility = '11'
|
||||
|
||||
configurations {
|
||||
compileOnly {
|
||||
extendsFrom annotationProcessor
|
||||
}
|
||||
}
|
||||
|
||||
repositories {
|
||||
mavenCentral()
|
||||
}
|
||||
|
||||
ext {
|
||||
set('springCloudVersion', "2021.0.0")
|
||||
}
|
||||
|
||||
dependencies {
|
||||
implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'
|
||||
implementation('nz.net.ultraq.thymeleaf:thymeleaf-layout-dialect')
|
||||
implementation 'org.springframework.boot:spring-boot-starter-web'
|
||||
implementation 'org.springframework.cloud:spring-cloud-starter-netflix-eureka-client'
|
||||
compileOnly 'org.projectlombok:lombok'
|
||||
developmentOnly 'org.springframework.boot:spring-boot-devtools'
|
||||
annotationProcessor 'org.projectlombok:lombok'
|
||||
testImplementation 'org.springframework.boot:spring-boot-starter-test'
|
||||
}
|
||||
|
||||
dependencyManagement {
|
||||
imports {
|
||||
mavenBom "org.springframework.cloud:spring-cloud-dependencies:${springCloudVersion}"
|
||||
}
|
||||
}
|
||||
|
||||
tasks.named('test') {
|
||||
useJUnitPlatform()
|
||||
}
|
||||
BIN
customer-frontend-service/gradle/wrapper/gradle-wrapper.jar
vendored
Normal file
BIN
customer-frontend-service/gradle/wrapper/gradle-wrapper.jar
vendored
Normal file
Binary file not shown.
5
customer-frontend-service/gradle/wrapper/gradle-wrapper.properties
vendored
Normal file
5
customer-frontend-service/gradle/wrapper/gradle-wrapper.properties
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
distributionBase=GRADLE_USER_HOME
|
||||
distributionPath=wrapper/dists
|
||||
distributionUrl=https\://services.gradle.org/distributions/gradle-7.3.3-bin.zip
|
||||
zipStoreBase=GRADLE_USER_HOME
|
||||
zipStorePath=wrapper/dists
|
||||
234
customer-frontend-service/gradlew
vendored
Executable file
234
customer-frontend-service/gradlew
vendored
Executable file
@@ -0,0 +1,234 @@
|
||||
#!/bin/sh
|
||||
|
||||
#
|
||||
# Copyright © 2015-2021 the original authors.
|
||||
#
|
||||
# Licensed under the Apache License, Version 2.0 (the "License");
|
||||
# you may not use this file except in compliance with the License.
|
||||
# You may obtain a copy of the License at
|
||||
#
|
||||
# https://www.apache.org/licenses/LICENSE-2.0
|
||||
#
|
||||
# Unless required by applicable law or agreed to in writing, software
|
||||
# distributed under the License is distributed on an "AS IS" BASIS,
|
||||
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
# See the License for the specific language governing permissions and
|
||||
# limitations under the License.
|
||||
#
|
||||
|
||||
##############################################################################
|
||||
#
|
||||
# Gradle start up script for POSIX generated by Gradle.
|
||||
#
|
||||
# Important for running:
|
||||
#
|
||||
# (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is
|
||||
# noncompliant, but you have some other compliant shell such as ksh or
|
||||
# bash, then to run this script, type that shell name before the whole
|
||||
# command line, like:
|
||||
#
|
||||
# ksh Gradle
|
||||
#
|
||||
# Busybox and similar reduced shells will NOT work, because this script
|
||||
# requires all of these POSIX shell features:
|
||||
# * functions;
|
||||
# * expansions «$var», «${var}», «${var:-default}», «${var+SET}»,
|
||||
# «${var#prefix}», «${var%suffix}», and «$( cmd )»;
|
||||
# * compound commands having a testable exit status, especially «case»;
|
||||
# * various built-in commands including «command», «set», and «ulimit».
|
||||
#
|
||||
# Important for patching:
|
||||
#
|
||||
# (2) This script targets any POSIX shell, so it avoids extensions provided
|
||||
# by Bash, Ksh, etc; in particular arrays are avoided.
|
||||
#
|
||||
# The "traditional" practice of packing multiple parameters into a
|
||||
# space-separated string is a well documented source of bugs and security
|
||||
# problems, so this is (mostly) avoided, by progressively accumulating
|
||||
# options in "$@", and eventually passing that to Java.
|
||||
#
|
||||
# Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS,
|
||||
# and GRADLE_OPTS) rely on word-splitting, this is performed explicitly;
|
||||
# see the in-line comments for details.
|
||||
#
|
||||
# There are tweaks for specific operating systems such as AIX, CygWin,
|
||||
# Darwin, MinGW, and NonStop.
|
||||
#
|
||||
# (3) This script is generated from the Groovy template
|
||||
# https://github.com/gradle/gradle/blob/master/subprojects/plugins/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt
|
||||
# within the Gradle project.
|
||||
#
|
||||
# You can find Gradle at https://github.com/gradle/gradle/.
|
||||
#
|
||||
##############################################################################
|
||||
|
||||
# Attempt to set APP_HOME
|
||||
|
||||
# Resolve links: $0 may be a link
|
||||
app_path=$0
|
||||
|
||||
# Need this for daisy-chained symlinks.
|
||||
while
|
||||
APP_HOME=${app_path%"${app_path##*/}"} # leaves a trailing /; empty if no leading path
|
||||
[ -h "$app_path" ]
|
||||
do
|
||||
ls=$( ls -ld "$app_path" )
|
||||
link=${ls#*' -> '}
|
||||
case $link in #(
|
||||
/*) app_path=$link ;; #(
|
||||
*) app_path=$APP_HOME$link ;;
|
||||
esac
|
||||
done
|
||||
|
||||
APP_HOME=$( cd "${APP_HOME:-./}" && pwd -P ) || exit
|
||||
|
||||
APP_NAME="Gradle"
|
||||
APP_BASE_NAME=${0##*/}
|
||||
|
||||
# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
|
||||
DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
|
||||
|
||||
# Use the maximum available, or set MAX_FD != -1 to use that value.
|
||||
MAX_FD=maximum
|
||||
|
||||
warn () {
|
||||
echo "$*"
|
||||
} >&2
|
||||
|
||||
die () {
|
||||
echo
|
||||
echo "$*"
|
||||
echo
|
||||
exit 1
|
||||
} >&2
|
||||
|
||||
# OS specific support (must be 'true' or 'false').
|
||||
cygwin=false
|
||||
msys=false
|
||||
darwin=false
|
||||
nonstop=false
|
||||
case "$( uname )" in #(
|
||||
CYGWIN* ) cygwin=true ;; #(
|
||||
Darwin* ) darwin=true ;; #(
|
||||
MSYS* | MINGW* ) msys=true ;; #(
|
||||
NONSTOP* ) nonstop=true ;;
|
||||
esac
|
||||
|
||||
CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
|
||||
|
||||
|
||||
# Determine the Java command to use to start the JVM.
|
||||
if [ -n "$JAVA_HOME" ] ; then
|
||||
if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
|
||||
# IBM's JDK on AIX uses strange locations for the executables
|
||||
JAVACMD=$JAVA_HOME/jre/sh/java
|
||||
else
|
||||
JAVACMD=$JAVA_HOME/bin/java
|
||||
fi
|
||||
if [ ! -x "$JAVACMD" ] ; then
|
||||
die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
|
||||
|
||||
Please set the JAVA_HOME variable in your environment to match the
|
||||
location of your Java installation."
|
||||
fi
|
||||
else
|
||||
JAVACMD=java
|
||||
which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
|
||||
|
||||
Please set the JAVA_HOME variable in your environment to match the
|
||||
location of your Java installation."
|
||||
fi
|
||||
|
||||
# Increase the maximum file descriptors if we can.
|
||||
if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then
|
||||
case $MAX_FD in #(
|
||||
max*)
|
||||
MAX_FD=$( ulimit -H -n ) ||
|
||||
warn "Could not query maximum file descriptor limit"
|
||||
esac
|
||||
case $MAX_FD in #(
|
||||
'' | soft) :;; #(
|
||||
*)
|
||||
ulimit -n "$MAX_FD" ||
|
||||
warn "Could not set maximum file descriptor limit to $MAX_FD"
|
||||
esac
|
||||
fi
|
||||
|
||||
# Collect all arguments for the java command, stacking in reverse order:
|
||||
# * args from the command line
|
||||
# * the main class name
|
||||
# * -classpath
|
||||
# * -D...appname settings
|
||||
# * --module-path (only if needed)
|
||||
# * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables.
|
||||
|
||||
# For Cygwin or MSYS, switch paths to Windows format before running java
|
||||
if "$cygwin" || "$msys" ; then
|
||||
APP_HOME=$( cygpath --path --mixed "$APP_HOME" )
|
||||
CLASSPATH=$( cygpath --path --mixed "$CLASSPATH" )
|
||||
|
||||
JAVACMD=$( cygpath --unix "$JAVACMD" )
|
||||
|
||||
# Now convert the arguments - kludge to limit ourselves to /bin/sh
|
||||
for arg do
|
||||
if
|
||||
case $arg in #(
|
||||
-*) false ;; # don't mess with options #(
|
||||
/?*) t=${arg#/} t=/${t%%/*} # looks like a POSIX filepath
|
||||
[ -e "$t" ] ;; #(
|
||||
*) false ;;
|
||||
esac
|
||||
then
|
||||
arg=$( cygpath --path --ignore --mixed "$arg" )
|
||||
fi
|
||||
# Roll the args list around exactly as many times as the number of
|
||||
# args, so each arg winds up back in the position where it started, but
|
||||
# possibly modified.
|
||||
#
|
||||
# NB: a `for` loop captures its iteration list before it begins, so
|
||||
# changing the positional parameters here affects neither the number of
|
||||
# iterations, nor the values presented in `arg`.
|
||||
shift # remove old arg
|
||||
set -- "$@" "$arg" # push replacement arg
|
||||
done
|
||||
fi
|
||||
|
||||
# Collect all arguments for the java command;
|
||||
# * $DEFAULT_JVM_OPTS, $JAVA_OPTS, and $GRADLE_OPTS can contain fragments of
|
||||
# shell script including quotes and variable substitutions, so put them in
|
||||
# double quotes to make sure that they get re-expanded; and
|
||||
# * put everything else in single quotes, so that it's not re-expanded.
|
||||
|
||||
set -- \
|
||||
"-Dorg.gradle.appname=$APP_BASE_NAME" \
|
||||
-classpath "$CLASSPATH" \
|
||||
org.gradle.wrapper.GradleWrapperMain \
|
||||
"$@"
|
||||
|
||||
# Use "xargs" to parse quoted args.
|
||||
#
|
||||
# With -n1 it outputs one arg per line, with the quotes and backslashes removed.
|
||||
#
|
||||
# In Bash we could simply go:
|
||||
#
|
||||
# readarray ARGS < <( xargs -n1 <<<"$var" ) &&
|
||||
# set -- "${ARGS[@]}" "$@"
|
||||
#
|
||||
# but POSIX shell has neither arrays nor command substitution, so instead we
|
||||
# post-process each arg (as a line of input to sed) to backslash-escape any
|
||||
# character that might be a shell metacharacter, then use eval to reverse
|
||||
# that process (while maintaining the separation between arguments), and wrap
|
||||
# the whole thing up as a single "set" statement.
|
||||
#
|
||||
# This will of course break if any of these variables contains a newline or
|
||||
# an unmatched quote.
|
||||
#
|
||||
|
||||
eval "set -- $(
|
||||
printf '%s\n' "$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS" |
|
||||
xargs -n1 |
|
||||
sed ' s~[^-[:alnum:]+,./:=@_]~\\&~g; ' |
|
||||
tr '\n' ' '
|
||||
)" '"$@"'
|
||||
|
||||
exec "$JAVACMD" "$@"
|
||||
89
customer-frontend-service/gradlew.bat
vendored
Normal file
89
customer-frontend-service/gradlew.bat
vendored
Normal file
@@ -0,0 +1,89 @@
|
||||
@rem
|
||||
@rem Copyright 2015 the original author or authors.
|
||||
@rem
|
||||
@rem Licensed under the Apache License, Version 2.0 (the "License");
|
||||
@rem you may not use this file except in compliance with the License.
|
||||
@rem You may obtain a copy of the License at
|
||||
@rem
|
||||
@rem https://www.apache.org/licenses/LICENSE-2.0
|
||||
@rem
|
||||
@rem Unless required by applicable law or agreed to in writing, software
|
||||
@rem distributed under the License is distributed on an "AS IS" BASIS,
|
||||
@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
@rem See the License for the specific language governing permissions and
|
||||
@rem limitations under the License.
|
||||
@rem
|
||||
|
||||
@if "%DEBUG%" == "" @echo off
|
||||
@rem ##########################################################################
|
||||
@rem
|
||||
@rem Gradle startup script for Windows
|
||||
@rem
|
||||
@rem ##########################################################################
|
||||
|
||||
@rem Set local scope for the variables with windows NT shell
|
||||
if "%OS%"=="Windows_NT" setlocal
|
||||
|
||||
set DIRNAME=%~dp0
|
||||
if "%DIRNAME%" == "" set DIRNAME=.
|
||||
set APP_BASE_NAME=%~n0
|
||||
set APP_HOME=%DIRNAME%
|
||||
|
||||
@rem Resolve any "." and ".." in APP_HOME to make it shorter.
|
||||
for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
|
||||
|
||||
@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
|
||||
set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
|
||||
|
||||
@rem Find java.exe
|
||||
if defined JAVA_HOME goto findJavaFromJavaHome
|
||||
|
||||
set JAVA_EXE=java.exe
|
||||
%JAVA_EXE% -version >NUL 2>&1
|
||||
if "%ERRORLEVEL%" == "0" goto execute
|
||||
|
||||
echo.
|
||||
echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
|
||||
echo.
|
||||
echo Please set the JAVA_HOME variable in your environment to match the
|
||||
echo location of your Java installation.
|
||||
|
||||
goto fail
|
||||
|
||||
:findJavaFromJavaHome
|
||||
set JAVA_HOME=%JAVA_HOME:"=%
|
||||
set JAVA_EXE=%JAVA_HOME%/bin/java.exe
|
||||
|
||||
if exist "%JAVA_EXE%" goto execute
|
||||
|
||||
echo.
|
||||
echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
|
||||
echo.
|
||||
echo Please set the JAVA_HOME variable in your environment to match the
|
||||
echo location of your Java installation.
|
||||
|
||||
goto fail
|
||||
|
||||
:execute
|
||||
@rem Setup the command line
|
||||
|
||||
set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
|
||||
|
||||
|
||||
@rem Execute Gradle
|
||||
"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %*
|
||||
|
||||
:end
|
||||
@rem End local scope for the variables with windows NT shell
|
||||
if "%ERRORLEVEL%"=="0" goto mainEnd
|
||||
|
||||
:fail
|
||||
rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
|
||||
rem the _cmd.exe /c_ return code!
|
||||
if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
|
||||
exit /b 1
|
||||
|
||||
:mainEnd
|
||||
if "%OS%"=="Windows_NT" endlocal
|
||||
|
||||
:omega
|
||||
1
customer-frontend-service/settings.gradle
Normal file
1
customer-frontend-service/settings.gradle
Normal file
@@ -0,0 +1 @@
|
||||
rootProject.name = 'customer-frontend-service'
|
||||
@@ -0,0 +1,13 @@
|
||||
package com.justpickup.customerfrontendservice;
|
||||
|
||||
import org.springframework.boot.SpringApplication;
|
||||
import org.springframework.boot.autoconfigure.SpringBootApplication;
|
||||
|
||||
@SpringBootApplication
|
||||
public class CustomerFrontendServiceApplication {
|
||||
|
||||
public static void main(String[] args) {
|
||||
SpringApplication.run(CustomerFrontendServiceApplication.class, args);
|
||||
}
|
||||
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
package com.justpickup.customerfrontendservice.domain.customer;
|
||||
|
||||
import lombok.extern.slf4j.Slf4j;
|
||||
import org.springframework.stereotype.Controller;
|
||||
import org.springframework.web.bind.annotation.GetMapping;
|
||||
import org.springframework.web.bind.annotation.RequestMapping;
|
||||
|
||||
@Controller
|
||||
@Slf4j
|
||||
@RequestMapping("/")
|
||||
public class CustomerController {
|
||||
|
||||
@GetMapping("/food-home")
|
||||
public String hello(){
|
||||
|
||||
return "/domain/food/food-home-1";
|
||||
}
|
||||
}
|
||||
17
customer-frontend-service/src/main/resources/application.yml
Normal file
17
customer-frontend-service/src/main/resources/application.yml
Normal file
@@ -0,0 +1,17 @@
|
||||
|
||||
server:
|
||||
port: 0
|
||||
|
||||
spring:
|
||||
application:
|
||||
name: customer-frontend-service
|
||||
|
||||
eureka:
|
||||
instance:
|
||||
instance-id: ${spring.application.name}:${spring.application.instance_id:${random.value}}
|
||||
client:
|
||||
service-url:
|
||||
defalutZone:
|
||||
http://localhost:8761/eureka
|
||||
register-with-eureka: true
|
||||
fetch-registry: true
|
||||
@@ -0,0 +1,218 @@
|
||||
<!DOCTYPE HTML>
|
||||
<html xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||
layout:decorate="~{layouts/layout}">
|
||||
|
||||
<div layout:fragment="content" id="page">
|
||||
|
||||
<script type="text/javascript" >
|
||||
function init(){
|
||||
|
||||
}
|
||||
</script>
|
||||
<div class="page-content header-clear-medium" >
|
||||
|
||||
<div class="splide single-slider slider-no-dots slider-no-arrows mb-4" id="single-slider-1">
|
||||
<div class="splide__track">
|
||||
<div class="splide__list">
|
||||
<div class="splide__slide">
|
||||
<div class="mx-3">
|
||||
<div class="card mb-0 rounded-m shadow-l" style="background-image:url(/images/food/full/1w.jpg);" data-card-height="250">
|
||||
<div class="card-overlay bg-gradient"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="splide__slide">
|
||||
<div class="mx-3">
|
||||
<div class="card mb-0 rounded-m shadow-l" style="background-image:url(/images/food/full/2w.jpg);" data-card-height="250">
|
||||
<div class="card-overlay bg-gradient"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="splide__slide">
|
||||
<div class="mx-3">
|
||||
<div class="card mb-0 rounded-m shadow-l" style="background-image:url(/images/food/full/5w.jpg);" data-card-height="250">
|
||||
<div class="card-overlay bg-gradient"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="card card-style mb-0">
|
||||
<div class="content" >
|
||||
<h1 class="text-center">Just Coffee</h1>
|
||||
<p class="boxed-text-xl pb-4">
|
||||
최상급 원두를 사용한 커피를 판매합니다.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" data-menu="menu-reservation" class="btn btn-m btn-center-l rounded-m text-uppercase font-700 bg-highlight under-btn mb-4">Make a Reservation</a>
|
||||
|
||||
<a href="#" class="card card-style" style="background-image:url(/images/food/full/2w.jpg);" data-card-height="125">
|
||||
<div class="card-center px-3">
|
||||
<h1 class="color-white line-height-m font-30">
|
||||
Coffee
|
||||
</h1>
|
||||
</div>
|
||||
<div class="card-center">
|
||||
<i class="fa fa-arrow-right text-end color-white d-block font-24 opacity-50 pe-3 pb-1"></i>
|
||||
</div>
|
||||
<div class="card-overlay bg-black opacity-70"></div>
|
||||
</a>
|
||||
<a href="#" class="card card-style" style="background-image:url(/images/food/full/4w.jpg);" data-card-height="125">
|
||||
<div class="card-center px-3">
|
||||
<h1 class="color-white line-height-m font-30">
|
||||
Non-coffee
|
||||
</h1>
|
||||
</div>
|
||||
<div class="card-center">
|
||||
<i class="fa fa-arrow-right text-end color-white d-block font-24 opacity-50 pe-3 pb-1"></i>
|
||||
</div>
|
||||
<div class="card-overlay bg-black opacity-70"></div>
|
||||
</a>
|
||||
|
||||
|
||||
<div class="card card-style">
|
||||
<div class="content">
|
||||
<h1>Find us Here:</h1>
|
||||
</div>
|
||||
<div class="responsive-iframe">
|
||||
<iframe src='https://www.google.com/maps/embed/v1/view?key=AIzaSyAM3nxDVrkjyKwdIZp8QOplmBKLRVI5S_Y¢er=-33.8569,151.2152&zoom=16&maptype=satellite' frameborder='0' allowfullscreen></iframe>
|
||||
</div>
|
||||
<div class="content mb-0">
|
||||
<h3 class="font-700">Postal Information</h3>
|
||||
<p class="pb-0 mb-0">PO Box 22161 Street Collins East</p>
|
||||
<p class="pb-0 mb-0">PO Box 16122 Collins Street West</p>
|
||||
<p class="pb-0">Victoria 8007 Australia</p>
|
||||
|
||||
<div class="divider"></div>
|
||||
|
||||
<div class="list-group list-custom-small">
|
||||
<a class="default-link" href="tel:+1 234 567 890">
|
||||
<i class="fa font-14 fa-phone color-phone"></i>
|
||||
<span>+1 234 567 8900</span>
|
||||
<span class="badge bg-red-dark">TAO TO CALL</span>
|
||||
<i class="fa fa-angle-right"></i>
|
||||
</a>
|
||||
<a class="default-link" href="mailto:mail@domain.com">
|
||||
<i class="fa font-14 fa-envelope color-mail"></i>
|
||||
<span>mail@domain.com</span>
|
||||
<span class="badge bg-red-dark">TAO TO MAIL</span>
|
||||
<i class="fa fa-angle-right"></i>
|
||||
</a>
|
||||
<a class="default-link" href="https://www.facebook.com/enabled.labs/">
|
||||
<i class="fab font-14 fa-facebook color-facebook"></i>
|
||||
<span>enabled.labs</span>
|
||||
<i class="fa fa-link"></i>
|
||||
</a>
|
||||
<a class="default-link" href="https://twitter.com/iEnabled">
|
||||
<i class="fab font-14 fa-twitter-square color-twitter"></i>
|
||||
<span>@iEnabled</span>
|
||||
<i class="fa fa-link"></i>
|
||||
</a>
|
||||
<a href="#" class="border-0">
|
||||
<i class="fab font-14 fa-linkedin color-linkedin"></i>
|
||||
<span>@Enabled</span>
|
||||
<i class="fa fa-link"></i>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card card-style">
|
||||
<div class="card mx-0" data-card-height="120">
|
||||
<div class="card-center">
|
||||
<a href="tel:+1 234 567 890" class="show-business-opened float-end btn btn-xs rounded-xl text-uppercase font-900 me-3 bg-white color-black">Call Now</a>
|
||||
<a href="/page-contact.html" class="show-business-closed float-end btn btn-xs rounded-xl text-uppercase font-900 me-3 bg-white color-black">Email Us</a>
|
||||
</div>
|
||||
<div class="card-center ms-3 ps-1">
|
||||
<h1 class="font-20 show-business-opened working-message-above color-white mb-n1">Welcome! We're open!</h1>
|
||||
<p class="show-business-opened working-message-under color-white opacity-90 mb-0">Call us Now! Let's have a chat!</p>
|
||||
<h1 class="font-20 show-business-closed working-message-above color-white mb-n1">Sorry! We're closed!</h1>
|
||||
<p class="show-business-closed working-message-under color-white opacity-90 mb-0">We'll be back very soon!</p>
|
||||
</div>
|
||||
<div class="card-overlay show-business-opened bg-green-dark"></div>
|
||||
<div class="card-overlay show-business-closed bg-red-dark"></div>
|
||||
</div>
|
||||
<div class="content mt-n4 mb-0">
|
||||
<!-- To set open and Close Hours Open custom.js and search for "SET OPENING HOURS BELOW" -->
|
||||
<!-- Only setting the code below will not make the system work automatically-->
|
||||
<div data-day="Monday" class="working-hours"><p>Monday</p> <p>09:00 AM</p> <p>05:00 PM</p></div>
|
||||
<div data-day="Tuesday" class="working-hours"><p>Tuesday</p> <p>09:00 AM</p> <p>05:00 PM</p></div>
|
||||
<div data-day="Wednesday" class="working-hours"><p>Wednesday</p> <p>09:00 AM</p> <p>05:00 PM</p></div>
|
||||
<div data-day="Thursday" class="working-hours"><p>Thursday</p> <p>09:00 AM</p> <p>05:00 PM</p></div>
|
||||
<div data-day="Friday" class="working-hours"><p>Friday</p> <p>09:00 AM</p> <p>05:00 PM</p></div>
|
||||
<div data-day="Saturday" class="working-hours"><p>Saturday</p> <p>09:00 AM</p> <p>01:00 PM</p></div>
|
||||
<div data-day="Sunday" class="working-hours"><p>Sunday</p> <p class="opacity-00">-</p> <p>We're Closed</p></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="footer card card-style">
|
||||
<a href="#" class="footer-title"><span class="color-highlight">StickyMobile</span></a>
|
||||
<p class="footer-text"><span>Made with <i class="fa fa-heart color-highlight font-16 ps-2 pe-2"></i> by Enabled</span><br><br>Powered by the best Mobile Website Developer on Envato Market. Elite Quality. Elite Products.</p>
|
||||
<div class="text-center mb-3">
|
||||
<a href="#" class="icon icon-xs rounded-sm shadow-l me-1 bg-facebook"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#" class="icon icon-xs rounded-sm shadow-l me-1 bg-twitter"><i class="fab fa-twitter"></i></a>
|
||||
<a href="#" class="icon icon-xs rounded-sm shadow-l me-1 bg-phone"><i class="fa fa-phone"></i></a>
|
||||
<a href="#" data-menu="menu-share" class="icon icon-xs rounded-sm me-1 shadow-l bg-red-dark"><i class="fa fa-share-alt"></i></a>
|
||||
<a href="#" class="back-to-top icon icon-xs rounded-sm shadow-l bg-dark-light"><i class="fa fa-angle-up"></i></a>
|
||||
</div>
|
||||
<p class="footer-copyright">Copyright © Enabled <span id="copyright-year">2017</span>. All Rights Reserved.</p>
|
||||
<p class="footer-links"><a href="#" class="color-highlight">Privacy Policy</a> | <a href="#" class="color-highlight">Terms and Conditions</a> | <a href="#" class="back-to-top color-highlight"> Back to Top</a></p>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- End of Page Content-->
|
||||
|
||||
<div id="menu-reservation" class="menu menu-box-bottom menu-box-detached">
|
||||
<div class="menu-title"><h1>Make a Reservation</h1><p class="color-highlight">We'll make the preparations.</p><a href="#" class="close-menu"><i class="fa fa-times"></i></a></div>
|
||||
<div class="divider divider-margins mb-1"></div>
|
||||
<div class="content">
|
||||
<div class="input-style has-borders no-icon validate-field">
|
||||
<input type="name" class="form-control focus-blue validate-name" id="f1" placeholder="Name">
|
||||
<label for="f1" class="color-blue-dark">Name</label>
|
||||
<i class="fa fa-times disabled invalid color-red-dark"></i>
|
||||
<i class="fa fa-check disabled valid color-green-dark"></i>
|
||||
<em>(required)</em>
|
||||
</div>
|
||||
<div class="input-style has-borders no-icon validate-field">
|
||||
<input type="tel" class="form-control focus-blue validate-phone" id="f5" placeholder="Phone">
|
||||
<label for="f5" class="color-blue-dark">Phone</label>
|
||||
<i class="fa fa-times disabled invalid color-red-dark"></i>
|
||||
<i class="fa fa-check disabled valid color-green-dark"></i>
|
||||
<em>(required)</em>
|
||||
</div>
|
||||
<div class="input-style has-borders no-icon validate-field">
|
||||
<input type="date" value="2030-12-31" class="form-control focus-blue validate-text" id="f7" placeholder="Phone">
|
||||
<label for="f7" class="color-blue-dark">Select Date</label>
|
||||
<i class="fa fa-check disabled valid color-green-dark me-4 pe-3 mt-n2"></i>
|
||||
<i class="fa fa-times disabled invalid color-red-dark me-4 pe-3 mt-n2"></i>
|
||||
<em></em>
|
||||
</div>
|
||||
<div class="input-style has-borders no-icon validate-field">
|
||||
<label for="f6" class="color-blue-dark">Select A Value</label>
|
||||
<select id="f6">
|
||||
<option value="default" selected disabled>Party Size</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
</select>
|
||||
<span><i class="fa fa-chevron-down"></i></span>
|
||||
<i class="fa fa-check disabled valid color-green-dark"></i>
|
||||
<i class="fa fa-times disabled invalid color-red-dark"></i>
|
||||
<em></em>
|
||||
</div>
|
||||
<a href="#" class="btn btn-m btn-full rounded-sm shadow-xl text-uppercase font-700 bg-red-dark mt-4 mb-3">Submit Reservation</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -0,0 +1,14 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
<div th:fragment="footer" id="footer-bar" class="footer-bar-1">
|
||||
|
||||
|
||||
<a href="/index.html"><i class="fa fa-home"></i><span>Home</span></a>
|
||||
<a href="/index-components.html"><i class="fa fa-star"></i><span>매장</span></a>
|
||||
<a href="/index-pages.html" class="active-nav"><i class="fa fa-heart"></i><span>Pages</span></a>
|
||||
<a href="/index-search.html"><i class="fa fa-search"></i><span>Search</span></a>
|
||||
<a href="#" data-menu="menu-settings"><i class="fa fa-cog"></i><span>Settings</span></a>
|
||||
|
||||
|
||||
</div>
|
||||
</html>
|
||||
@@ -0,0 +1,17 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover" />
|
||||
<title>StickyMobile BootStrap</title>
|
||||
<link rel="stylesheet" type="text/css" href="https://hoonytemplatebucket.s3.ap-northeast-2.amazonaws.com/styles/bootstrap.css">
|
||||
<link rel="stylesheet" type="text/css" href="https://hoonytemplatebucket.s3.ap-northeast-2.amazonaws.com/styles/style.css">
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i|Source+Sans+Pro:300,300i,400,400i,600,600i,700,700i,900,900i&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="https://hoonytemplatebucket.s3.ap-northeast-2.amazonaws.com/fonts/css/fontawesome-all.min.css">
|
||||
<link rel="manifest" href="https://hoonytemplatebucket.s3.ap-northeast-2.amazonaws.com/_manifest.json" data-pwa-version="set_in_manifest_and_pwa_js">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="https://hoonytemplatebucket.s3.ap-northeast-2.amazonaws.com/app/icons/icon-192x192.png">
|
||||
</head>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,13 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
<div th:fragment="header" class="header header-fixed header-logo-center">
|
||||
|
||||
|
||||
<a href="/index.html" class="header-title">Just Pickup!</a>
|
||||
<a href="#" data-back-button class="header-icon header-icon-1"><i class="fas fa-arrow-left"></i></a>
|
||||
<a href="#" data-menu="menu-sidebar-left-1" class="header-icon header-icon-2"><i class="fas fa-arrow-left"></i></a>
|
||||
<a href="#" data-toggle-theme class="header-icon header-icon-3"><i class="fas fa-lightbulb"></i></a>
|
||||
<a href="#" data-toggle-theme class="header-icon header-icon-4"><i class="fas fa-lightbulb"></i></a>
|
||||
|
||||
</div>
|
||||
</html>
|
||||
@@ -0,0 +1,119 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
|
||||
<!-- All Menus, Action Sheets, Modals, Notifications, Toasts, Snackbars get Placed outside the <div class="page-content"> -->
|
||||
<div id="menu-settings" class="menu menu-box-bottom menu-box-detached">
|
||||
<div class="menu-title mt-0 pt-0"><h1>Settings</h1><p class="color-highlight">Flexible and Easy to Use</p><a href="#" class="close-menu"><i class="fa fa-times"></i></a></div>
|
||||
<div class="divider divider-margins mb-n2"></div>
|
||||
<div class="content">
|
||||
<div class="list-group list-custom-small">
|
||||
<a href="#" data-toggle-theme data-trigger-switch="switch-dark-mode" class="pb-2 ms-n1">
|
||||
<i class="fa font-12 fa-moon rounded-s bg-highlight color-white me-3"></i>
|
||||
<span>Dark Mode</span>
|
||||
<div class="custom-control scale-switch ios-switch">
|
||||
<input data-toggle-theme type="checkbox" class="ios-input" id="switch-dark-mode">
|
||||
<label class="custom-control-label" for="switch-dark-mode"></label>
|
||||
</div>
|
||||
<i class="fa fa-angle-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="list-group list-custom-large">
|
||||
<a data-menu="menu-highlights" href="#">
|
||||
<i class="fa font-14 fa-tint bg-green-dark rounded-s"></i>
|
||||
<span>Page Highlight</span>
|
||||
<strong>16 Colors Highlights Included</strong>
|
||||
<span class="badge bg-highlight color-white">HOT</span>
|
||||
<i class="fa fa-angle-right"></i>
|
||||
</a>
|
||||
<a data-menu="menu-backgrounds" href="#" class="border-0">
|
||||
<i class="fa font-14 fa-cog bg-blue-dark rounded-s"></i>
|
||||
<span>Background Color</span>
|
||||
<strong>10 Page Gradients Included</strong>
|
||||
<span class="badge bg-highlight color-white">NEW</span>
|
||||
<i class="fa fa-angle-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Menu Settings Highlights-->
|
||||
<div id="menu-highlights" class="menu menu-box-bottom menu-box-detached">
|
||||
<div class="menu-title"><h1>Highlights</h1><p class="color-highlight">Any Element can have a Highlight Color</p><a href="#" class="close-menu"><i class="fa fa-times"></i></a></div>
|
||||
<div class="divider divider-margins mb-n2"></div>
|
||||
<div class="content">
|
||||
<div class="highlight-changer">
|
||||
<a href="#" data-change-highlight="blue"><i class="fa fa-circle color-blue-dark"></i><span class="color-blue-light">Default</span></a>
|
||||
<a href="#" data-change-highlight="red"><i class="fa fa-circle color-red-dark"></i><span class="color-red-light">Red</span></a>
|
||||
<a href="#" data-change-highlight="orange"><i class="fa fa-circle color-orange-dark"></i><span class="color-orange-light">Orange</span></a>
|
||||
<a href="#" data-change-highlight="pink2"><i class="fa fa-circle color-pink2-dark"></i><span class="color-pink-dark">Pink</span></a>
|
||||
<a href="#" data-change-highlight="magenta"><i class="fa fa-circle color-magenta-dark"></i><span class="color-magenta-light">Purple</span></a>
|
||||
<a href="#" data-change-highlight="aqua"><i class="fa fa-circle color-aqua-dark"></i><span class="color-aqua-light">Aqua</span></a>
|
||||
<a href="#" data-change-highlight="teal"><i class="fa fa-circle color-teal-dark"></i><span class="color-teal-light">Teal</span></a>
|
||||
<a href="#" data-change-highlight="mint"><i class="fa fa-circle color-mint-dark"></i><span class="color-mint-light">Mint</span></a>
|
||||
<a href="#" data-change-highlight="green"><i class="fa fa-circle color-green-light"></i><span class="color-green-light">Green</span></a>
|
||||
<a href="#" data-change-highlight="grass"><i class="fa fa-circle color-green-dark"></i><span class="color-green-dark">Grass</span></a>
|
||||
<a href="#" data-change-highlight="sunny"><i class="fa fa-circle color-yellow-light"></i><span class="color-yellow-light">Sunny</span></a>
|
||||
<a href="#" data-change-highlight="yellow"><i class="fa fa-circle color-yellow-dark"></i><span class="color-yellow-light">Goldish</span></a>
|
||||
<a href="#" data-change-highlight="brown"><i class="fa fa-circle color-brown-dark"></i><span class="color-brown-light">Wood</span></a>
|
||||
<a href="#" data-change-highlight="night"><i class="fa fa-circle color-dark-dark"></i><span class="color-dark-light">Night</span></a>
|
||||
<a href="#" data-change-highlight="dark"><i class="fa fa-circle color-dark-light"></i><span class="color-dark-light">Dark</span></a>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
<a href="#" data-menu="menu-settings" class="mb-3 btn btn-full btn-m rounded-sm bg-highlight shadow-xl text-uppercase font-900 mt-4">Back to Settings</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Menu Settings Backgrounds-->
|
||||
<div id="menu-backgrounds" class="menu menu-box-bottom menu-box-detached">
|
||||
<div class="menu-title"><h1>Backgrounds</h1><p class="color-highlight">Change Page Color Behind Content Boxes</p><a href="#" class="close-menu"><i class="fa fa-times"></i></a></div>
|
||||
<div class="divider divider-margins mb-n2"></div>
|
||||
<div class="content">
|
||||
<div class="background-changer">
|
||||
<a href="#" data-change-background="default"><i class="bg-theme"></i><span class="color-dark-dark">Default</span></a>
|
||||
<a href="#" data-change-background="plum"><i class="body-plum"></i><span class="color-plum-dark">Plum</span></a>
|
||||
<a href="#" data-change-background="magenta"><i class="body-magenta"></i><span class="color-dark-dark">Magenta</span></a>
|
||||
<a href="#" data-change-background="dark"><i class="body-dark"></i><span class="color-dark-dark">Dark</span></a>
|
||||
<a href="#" data-change-background="violet"><i class="body-violet"></i><span class="color-violet-dark">Violet</span></a>
|
||||
<a href="#" data-change-background="red"><i class="body-red"></i><span class="color-red-dark">Red</span></a>
|
||||
<a href="#" data-change-background="green"><i class="body-green"></i><span class="color-green-dark">Green</span></a>
|
||||
<a href="#" data-change-background="sky"><i class="body-sky"></i><span class="color-sky-dark">Sky</span></a>
|
||||
<a href="#" data-change-background="orange"><i class="body-orange"></i><span class="color-orange-dark">Orange</span></a>
|
||||
<a href="#" data-change-background="yellow"><i class="body-yellow"></i><span class="color-yellow-dark">Yellow</span></a>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
<a href="#" data-menu="menu-settings" class="mb-3 btn btn-full btn-m rounded-sm bg-highlight shadow-xl text-uppercase font-900 mt-4">Back to Settings</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Menu Share -->
|
||||
<div id="menu-share" class="menu menu-box-bottom menu-box-detached">
|
||||
<div class="menu-title mt-n1"><h1>Share the Love</h1><p class="color-highlight">Just Tap the Social Icon. We'll add the Link</p><a href="#" class="close-menu"><i class="fa fa-times"></i></a></div>
|
||||
<div class="content mb-0">
|
||||
<div class="divider mb-0"></div>
|
||||
<div class="list-group list-custom-small list-icon-0">
|
||||
<a href="auto_generated" class="shareToFacebook external-link">
|
||||
<i class="font-18 fab fa-facebook-square color-facebook"></i>
|
||||
<span class="font-13">Facebook</span>
|
||||
<i class="fa fa-angle-right"></i>
|
||||
</a>
|
||||
<a href="auto_generated" class="shareToTwitter external-link">
|
||||
<i class="font-18 fab fa-twitter-square color-twitter"></i>
|
||||
<span class="font-13">Twitter</span>
|
||||
<i class="fa fa-angle-right"></i>
|
||||
</a>
|
||||
<a href="auto_generated" class="shareToLinkedIn external-link">
|
||||
<i class="font-18 fab fa-linkedin color-linkedin"></i>
|
||||
<span class="font-13">LinkedIn</span>
|
||||
<i class="fa fa-angle-right"></i>
|
||||
</a>
|
||||
<a href="auto_generated" class="shareToWhatsApp external-link">
|
||||
<i class="font-18 fab fa-whatsapp-square color-whatsapp"></i>
|
||||
<span class="font-13">WhatsApp</span>
|
||||
<i class="fa fa-angle-right"></i>
|
||||
</a>
|
||||
<a href="auto_generated" class="shareToMail external-link border-0">
|
||||
<i class="font-18 fa fa-envelope-square color-mail"></i>
|
||||
<span class="font-13">Email</span>
|
||||
<i class="fa fa-angle-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,127 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
<div th:fragment="sidebar"
|
||||
class="menu menu-box-left"
|
||||
data-menu-width="300"
|
||||
data-menu-effect="menu-parallax">
|
||||
|
||||
|
||||
<a href="/index.html" class="header-title">Sticky Mobile</a>
|
||||
<a href="#" data-back-button class="header-icon header-icon-1"><i class="fas fa-arrow-left"></i></a>
|
||||
<a href="#" data-toggle-theme class="header-icon header-icon-4"><i class="fas fa-lightbulb"></i></a>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div th:fragment="sidebar"
|
||||
id="menu-sidebar-left-1"
|
||||
class="menu menu-box-left"
|
||||
data-menu-width="310"
|
||||
data-menu-effect="menu-parallax">
|
||||
<div class="d-flex">
|
||||
<a href="#" class="flex-fill icon icon-m text-center color-facebook border-bottom border-right"><i class="fab font-12 fa-facebook-f"></i></a>
|
||||
<a href="#" class="flex-fill icon icon-m text-center color-twitter border-bottom border-right"><i class="fab font-12 fa-twitter"></i></a>
|
||||
<a href="#" class="flex-fill icon icon-m text-center color-instagram border-bottom border-right"><i class="fab font-12 fa-instagram"></i></a>
|
||||
<a href="#" class="flex-fill icon icon-m text-center color-whatsapp border-bottom border-right"><i class="fab font-12 fa-whatsapp"></i></a>
|
||||
<a href="#" class="flex-fill icon icon-m text-center color-linkedin border-bottom border-right"><i class="fab font-12 fa-linkedin-in"></i></a>
|
||||
<a href="#" class="close-menu flex-fill icon icon-m text-center color-red-dark border-bottom"><i class="fa font-12 fa-times"></i></a>
|
||||
</div>
|
||||
<div class="ps-3 pe-3 pt-3 mt-4 mb-2">
|
||||
<div class="d-flex">
|
||||
<div class="me-3">
|
||||
<img src="https://hoonytemplatebucket.s3.ap-northeast-2.amazonaws.com/images/preload-logo.png" width="43">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h1 class="font-22 font-700 mb-0">Over Effect</h1>
|
||||
<p class="mt-n2 font-10 font-400">The Best Mobile Template</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="me-3 ms-3">
|
||||
<span class="text-uppercase font-900 font-11 opacity-30">Navigation</span>
|
||||
<div class="list-group list-custom-small list-icon-0">
|
||||
<a href="#">
|
||||
<i class="fa font-14 fa-star color-yellow-dark"></i>
|
||||
<span>Homepage</span>
|
||||
<i class="fa fa-angle-right"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa font-14 fa-cog color-blue-dark"></i>
|
||||
<span>Components</span>
|
||||
<span class="badge bg-red-dark">NEW</span>
|
||||
<i class="fa fa-angle-right"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa font-14 fa-file color-brown-dark"></i>
|
||||
<span>Pages</span>
|
||||
<i class="fa fa-angle-right"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa font-14 fa-camera color-green-dark"></i>
|
||||
<span>Media</span>
|
||||
<i class="fa fa-angle-right"></i>
|
||||
</a>
|
||||
<a href="#" class="border-0">
|
||||
<i class="fa font-14 fa-image color-teal-dark"></i>
|
||||
<span>Contact</span>
|
||||
<i class="fa fa-angle-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="me-3 ms-3 mt-4">
|
||||
<span class="text-uppercase font-900 font-11 opacity-30">SOCIAL LINKS</span>
|
||||
<div class="list-group list-custom-small list-icon-0">
|
||||
<a href="#">
|
||||
<i class="fab font-14 fa-facebook-f color-facebook"></i>
|
||||
<span>Facebook</span>
|
||||
<i class="fa fa-link"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fab font-14 fa-twitter color-twitter"></i>
|
||||
<span>Twitter</span>
|
||||
<i class="fa fa-link"></i>
|
||||
</a>
|
||||
<a href="#" class="border-0">
|
||||
<i class="fab font-14 fa-instagram color-instagram"></i>
|
||||
<span>Instagram</span>
|
||||
<i class="fa fa-link"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="me-3 ms-3 mt-4 pt-2">
|
||||
<span class="text-uppercase font-900 font-11 opacity-30">Account Settings</span>
|
||||
<div class="list-group list-custom-small list-icon-0">
|
||||
<a href="#" data-toggle-theme="" data-trigger-switch="switch-dark2-mode">
|
||||
<i class="fa font-12 fa-moon color-yellow-dark rounded-s"></i>
|
||||
<span>Dark Mode</span>
|
||||
<div class="custom-control scale-switch ios-switch">
|
||||
<input data-toggle-theme="" type="checkbox" class="ios-input" id="switch-dark2-mode">
|
||||
<label class="custom-control-label" for="switch-dark2-mode"></label>
|
||||
</div>
|
||||
<i class="fa fa-angle-right"></i>
|
||||
</a>
|
||||
<a data-trigger-switch="sidebar-12-switch-2" href="#">
|
||||
<i class="fa font-14 fa-circle color-green-dark"></i>
|
||||
<span>Active Mode</span>
|
||||
<div class="custom-control scale-switch ios-switch">
|
||||
<input type="checkbox" class="ios-input" id="sidebar-12-switch-2" checked="">
|
||||
<label class="custom-control-label" for="sidebar-12-switch-2"></label>
|
||||
</div>
|
||||
<i class="fa fa-angle-right"></i>
|
||||
</a>
|
||||
<a data-trigger-switch="sidebar-12-switch-3" href="#" class="border-0">
|
||||
<i class="fa font-14 fa-bell color-blue-dark"></i>
|
||||
<span>Notifications</span>
|
||||
<div class="custom-control scale-switch ios-switch">
|
||||
<input type="checkbox" class="ios-input" id="sidebar-12-switch-3" checked="">
|
||||
<label class="custom-control-label" for="sidebar-12-switch-3"></label>
|
||||
</div>
|
||||
<i class="fa fa-angle-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</html>
|
||||
@@ -0,0 +1,10 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Title</title>
|
||||
</head>
|
||||
<body>
|
||||
asdasdasdlkjhasdlkasjdkl;asjkl;dsa
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org"
|
||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>JUST-PICKUP!</title>
|
||||
|
||||
<th:block th:replace="/fragments/head"></th:block>
|
||||
|
||||
</head>
|
||||
<body class="theme-light" data-highlight="highlight-red" data-gradient="body-default">
|
||||
<div th:replace="/fragments/header::header"></div>
|
||||
<div th:replace="/fragments/sidebar"></div>
|
||||
|
||||
<div id="preloader"><div class="spinner-border color-highlight" role="status"></div></div>
|
||||
|
||||
<main layout:fragment="content"></main>
|
||||
|
||||
<div th:replace ="/fragments/footer::footer"></div>
|
||||
|
||||
|
||||
<th:block th:replace="/fragments/menu"></th:block>
|
||||
|
||||
<script type="text/javascript" src="https://hoonytemplatebucket.s3.ap-northeast-2.amazonaws.com/scripts/jquery.js"></script>
|
||||
<script type="text/javascript" src="https://hoonytemplatebucket.s3.ap-northeast-2.amazonaws.com/scripts/bootstrap.min.js"></script>
|
||||
<script type="text/javascript" src="https://hoonytemplatebucket.s3.ap-northeast-2.amazonaws.com/scripts/custom.js"></script>
|
||||
<script type="text/javascript" >
|
||||
$(document).ready(function(){
|
||||
init();
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,13 @@
|
||||
package com.justpickup.customerfrontendservice;
|
||||
|
||||
import org.junit.jupiter.api.Test;
|
||||
import org.springframework.boot.test.context.SpringBootTest;
|
||||
|
||||
@SpringBootTest
|
||||
class CustomerFrontendServiceApplicationTests {
|
||||
|
||||
@Test
|
||||
void contextLoads() {
|
||||
}
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user