-
Notifications
You must be signed in to change notification settings - Fork 0
/
welcome.html
138 lines (126 loc) · 5.5 KB
/
welcome.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>스마트 팩토리</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
<style>
.navbar-brand {
font-size: 1rem;
}
.navcustom{
background-color: #5864bf;
}
.cw{
color: white;
}
.color-co{
background-color: #35067c;
color: white;
}
.navbutton {
background-color: #35067c;
color: white;
}
.background-color{
background-color:white;
color: black;
}
.fs10 {
font-size: 10px;
}
.body-text{
padding-top: 78px;
}
.nav-top{
padding-top: 0px;
padding-bottom: 0px;
}
.pb-200{
padding-bottom: 200px;
}
</style>
</head>
<body class="background-color">
<!--내용적기 -->
<nav class="navbar navbar-expand-lg fixed-top nav-top">
<div class="container-fluid navcustom">
<a role="home" class="navbar-brand cw" href="#">스마트팩토리</a>
<form class="d-flex" role="search">
<a role="back" class="btn navbutton" href="search/search_main.html"><i class="bi bi-search cw"></i></a>
</form>
</div>
</nav>
<div class="container body-text">
<div class="row">
<div class="col-md-12">
<h1>스마트팩토리</h1>
<p>오늘, 일 하시는 것은 어떨까요.</p>
<p>좋은 하루되세요.</p>
<p>[아이디] 님.</p>
</div>
</div>
<div class="row justify-content-center pb-2">
<div class="col d-flex justify-content-center">
<div class="card" style="width: 18rem;">
<div class="card-body">
<h5 class="card-title">✋할 일을 찾아볼까요.</h5>
<p class="card-text"></p>
<a href="search0.html" class="btn btn-success">찾아보기</a>
</div>
</div>
</div>
</div>
<div class="row justify-content-center pb-2">
<div class="col d-flex justify-content-center">
<div class="card" style="width: 18rem;">
<div class="card-body">
<h5 class="card-title">✋놀러오세요.</h5>
<p class="card-text"></p>
<a href="#" class="btn btn-success">놀러가기</a>
</div>
</div>
</div>
</div>
</div>
<footer class="footer mt-auto navcustom fixed-bottom">
<div class="container">
<ul class="nav nav-justified">
<li class="nav-item">
<a role="menuitem" class="nav-link icon-color cw" aria-current="page" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-house-fill" viewBox="0 0 16 16">
<path d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L8 2.207l6.646 6.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5Z"/>
<path d="m8 3.293 6 6V13.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5V9.293l6-6Z"/>
</svg>
</a>
</li>
<li class="nav-item">
<a role="menuitem" class="nav-link icon-color cw" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-building" viewBox="0 0 16 16">
<path d="M4 2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1ZM4 5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1ZM7.5 5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm2.5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1ZM4.5 8a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm2.5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Z"/>
<path d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V1Zm11 0H3v14h3v-2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V15h3V1Z"/>
</svg>
</a>
</li>
<li class="nav-item">
<a role="menuitem" class="nav-link icon-color cw" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-bell" viewBox="0 0 16 16">
<path d="M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2zM8 1.918l-.797.161A4.002 4.002 0 0 0 4 6c0 .628-.134 2.197-.459 3.742-.16.767-.376 1.566-.663 2.258h10.244c-.287-.692-.502-1.49-.663-2.258C12.134 8.197 12 6.628 12 6a4.002 4.002 0 0 0-3.203-3.92L8 1.917zM14.22 12c.223.447.481.801.78 1H1c.299-.199.557-.553.78-1C2.68 10.2 3 6.88 3 6c0-2.42 1.72-4.44 4.005-4.901a1 1 0 1 1 1.99 0A5.002 5.002 0 0 1 13 6c0 .88.32 4.2 1.22 6z"/>
</svg>
</a>
</li>
<li class="nav-item">
<a role="menuitem" class="nav-link icon-color cw" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-person" viewBox="0 0 16 16">
<path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z"/>
</svg>
</a>
</li>
</ul>
</div>
</footer>
<script src="js/bootstrap.bundle.min.js"></script>
</body>
</html>