webtest/Basepage.html at main · Masonleenf/webtest · GitHub

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

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="/docs/4.0/assets/img/favicons/favicon.ico">

    <title>Main screen</title>

    <link rel="canonical" href="https://getbootstrap.com/docs/4.0/examples/jumbotron/">

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="jumbotron.css" rel="stylesheet">
  </head>

  <body>

    <nav class="navbar navbar-expand-lg navbar-light bg-light">
      <a class="navbar-brand" href="#">KAIA</a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarNav">
        <ul class="navbar-nav">
          <li class="nav-item active">
            <a class="nav-link" href="#">서식1 <span class="sr-only">(current)</span></a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">서식2</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="form3.html">서식3</a>
          </li>
          <li class="nav-item">
              <a class="nav-link" href="form4.html">서식4</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">서식5</a>
            </li>
          <li class="nav-item">
            <a class="nav-link disabled" href="submit.html">서식제출</a>
          </li>
        </ul>
      </div>
    </nav>

    <main role="main">

      <!-- Main jumbotron for a primary marketing message or call to action -->
      <div class="jumbotron">
        <div class="container">
          <h1 class="display-3">KAIA 실태조사</h1>
          <p>제3자 기술실시가 존재할 경우 서식 1,2 작성, 직접실시의 경우 서식3,5 작성, 기술실시가 없는 경우 서식4 작성</p>
          <p><a class="btn btn-primary btn-lg" href="#" role="button">과제정보 바로가기 &raquo;</a></p>
        </div>
      </div>

      <div class="container">
        <!-- Example row of columns -->
        <div class="row">
          <div class="col-md-4">
            <h2>서식1</h2>
            <p>제 3자실시 보고서, 비영리,영리기업이면서 제3자 실시계약을 체결한 경우 </p>
            <p><a class="btn btn-secondary" href="#" role="button">서식3 &raquo;</a></p>
          </div>
          <div class="col-md-4">
            <h2>서식2</h2>
            <p>제 3자실시 보고서, 비영리,영리기업이면서 제3자 실시계약을 체결하여 기술료가 발생한 경우 </p>
            <p><a class="btn btn-secondary" href="#" role="button">서식3 &raquo;</a></p>
          </div>
          <div class="col-md-4">
            <h2>서식3</h2>
            <p>직접실시 보고서, 영리기업이면서 직접 기술을 실시하여 매출이 발생한 경우 </p>
            <p><a class="btn btn-secondary" href="form3.html" role="button">서식3 &raquo;</a></p>
          </div>
          <div class="col-md-4">
            <h2>서식4</h2>
            <p>미실시 확인서, 영리기업이면서 전년도 기술실시가 없는 경우 </p>
            <p><a class="btn btn-secondary" href="form4.html" role="button">서식4 &raquo;</a></p>
          </div>
          <div class="col-md-4">
            <h2>서식5</h2>
            <p>기술기여도 최종, 서식3과 함께 제출</p>
            <p><a class="btn btn-secondary" href="#" role="button">서식5 &raquo;</a></p>
          </div>
          <div class="col-md-4">
            <h2>의견서</h2>
            <p>직접실시, 기술기여도가 100% 가 아닌 경우</p>
            <p><a class="btn btn-secondary" href="#" role="button">서식5 &raquo;</a></p>
          </div>
        </div>

        <hr>

      </div> <!-- /container -->

    </main>

    <footer class="container">
      <p>&copy; @EnF advisor 2021-2022</p>
    </footer>

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script>window.jQuery || document.write('<script src="bootstrap-4.0.0/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
    <script src="bootstrap-4.0.0/assets/js/vendor/popper.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
  </body>
</html>