[ # 5ํ์ฐจ ์ ๋ณด ]
- 2024๋ 1์ 29์ผ 19:00 - 22:00
- Discord ์์ ํตํ๋ก ์จ๋ผ์ธ ์คํฐ๋ ํ์ ์งํ
[ # 5ํ์ฐจ ๊ฐ์ธ ๋ชฉํ ]
๋์๋ฆฌ ํํ์ด์ง FE - ์ธ๋ถ ๊ฒ์ํ ์์ฑ
[ # 5ํ์ฐจ ๊ฐ์ธ ํ๋ ๋ด์ฉ ]
๊ฐ์ ๋ฐฉ์์ผ๋ก notice(๊ณต์ง์ฌํญ) / welcome(๊ฐ์ ์ธ์ฌ) ํ์ด์ง ๊ตฌํ
<!-- notice_list.html -->
<!DOCTYPE html>
<html lang="ko">
<head>
<!-- Basic -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!-- Site Metas -->
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<link rel="shortcut icon" href="images/logo_regular.png" type="">
<title> ARGOS </title>
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!-- fonts style -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">
<!--owl slider stylesheet -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<!-- font awesome style -->
<link href="css/font-awesome.min.css" rel="stylesheet" />
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet" />
<!-- responsive style -->
<link href="css/responsive.css" rel="stylesheet" />
</head>
<body class="sub_page">
<div class="hero_area">
<div class="hero_bg_box">
<div class="bg_img_box">
<img src="images/hero-bg.png" alt=""></div>
</div>
<!-- header section starts -->
<header class="header_section">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg custom_nav-container ">
<a class="navbar-brand" href="index.html">
<span>
ARGOS
</span>
</a>
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation">
<span class=""></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ">
<li class="nav-item ">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="education.html">๊ต์ก ํ๋</a>
</li>
<li class="nav-item">
<a class="nav-link" href="history.html">ํ๋ ๊ธฐ๋ก</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="community.html">๊ฒ์ํ
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://open.kakao.com/o/sIllhT5f">๊ฐ์
๋ฌธ์</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<i class="fa fa-user" aria-hidden="true"></i>
Login</a>
</li>
<form class="form-inline">
<button class="btn my-2 my-sm-0 nav_search-btn" type="submit">
<i class="fa fa-search" aria-hidden="true"></i>
</button>
</form>
</ul>
</div>
</nav>
</div>
</header>
<!-- end header section -->
</div>
<div class="board_wrap">
<div class="board_title">
<strong>๊ณต์ง์ฌํญ</strong>
<p>ARGOS์ ๊ณต์ง์ฌํญ์ ํ์ธํ์ค ์ ์์ต๋๋ค.</p>
</div>
<div class="board_list_wrap">
<div class="board_list">
<div class="top">
<div class="num">๋ฒํธ</div>
<div class="title">์ ๋ชฉ</div>
<div class="writer">๊ธ์ด์ด</div>
<div class="date">์์ฑ์ผ</div>
<div class="count">์กฐํ</div>
</div>
<div>
<div class="num">5</div>
<div class="title"><a href="notice_view.html">๊ธ ์ ๋ชฉ์ด ๋ค์ด๊ฐ๋๋ค.</a></div>
<div class="writer">ARGOS</div>
<div class="date">2003.06.25</div>
<div class="count">100</div>
</div>
<div>
<div class="num">4</div>
<div class="title"><a href="notice_view.html">๊ธ ์ ๋ชฉ์ด ๋ค์ด๊ฐ๋๋ค.</a></div>
<div class="writer">ARGOS</div>
<div class="date">2003.06.25</div>
<div class="count">100</div>
</div>
<div>
<div class="num">3</div>
<div class="title"><a href="notice_view.html">๊ธ ์ ๋ชฉ์ด ๋ค์ด๊ฐ๋๋ค.</a></div>
<div class="writer">ARGOS</div>
<div class="date">2003.06.25</div>
<div class="count">100</div>
</div>
<div>
<div class="num">2</div>
<div class="title"><a href="notice_view.html">๊ธ ์ ๋ชฉ์ด ๋ค์ด๊ฐ๋๋ค.</a></div>
<div class="writer">ARGOS</div>
<div class="date">2003.06.25</div>
<div class="count">100</div>
</div>
<div>
<div class="num">1</div>
<div class="title"><a href="notice_view.html">๊ธ ์ ๋ชฉ์ด ๋ค์ด๊ฐ๋๋ค.</a></div>
<div class="writer">ARGOS</div>
<div class="date">2003.06.25</div>
<div class="count">100</div>
</div>
</div>
<div class="board_page">
<a href="#" class="bt first"><img weight="15px" height="15px" src="images/first_icon.png" alt=""></a>
<a href="#" class="bt prev"><img weight="15px" height="15px" src="images/prev_icon.png" alt=""></a>
<a href="#" class="num on">1</a>
<a href="#" class="num">2</a>
<a href="#" class="num">3</a>
<a href="#" class="num">4</a>
<a href="#" class="num">5</a>
<a href="#" class="bt next"><img weight="15px" height="15px" src="images/next_icon.png" alt=""></a>
<a href="#" class="bt last"><img weight="15px" height="15px" src="images/last_icon.png" alt=""></a>
</div>
<div class="bt_wrap">
<a href="notice_write.html" class="on">๋ฑ๋ก</a>
<!--<a href="#">์์ </a>-->
</div>
</div>
</div>
<!-- info section -->
<section class="info_section layout_padding2">
<div class="container">
<div class="row">
<div class="col-md-6 col-lg-3 info_col">
<div class="info_contact">
<h4>
Address
</h4>
<div class="contact_link_box">
<a href="https://map.naver.com/p/entry/place/21033930?c=15.00,0,0,0,dh" target="_blank">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<span>
๋์ ๊ด์ญ์ ์ ์ฑ๊ตฌ ๋ํ๋ก 99 (์ถฉ๋จ๋ํ๊ต) ๊ณต๊ณผ๋ํ 5ํธ๊ด
</span>
</a>
</a>
<a href="">
<i class="fa fa-envelope" aria-hidden="true"></i>
<span>
we.represent.argos@gmail.com
</span>
</a>
</div>
</div>
<div class="info_social">
<a href="">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
<a href="https://www.instagram.com/cnu_argos/" target="_blank">
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="col-md-6 col-lg-2 mx-auto info_col">
<div class="info_link_box">
<h4>
Links
</h4>
<div class="info_links">
<a class="active" href="index.html">
Home
</a>
<a class="" href="education.html">
๊ต์ก ํ๋
</a>
<a class="" href="history.html">
ํ๋ ๊ธฐ๋ก
</a>
<a class="" href="https://open.kakao.com/o/sIllhT5f">
๊ฐ์
๋ฌธ์
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end info section -->
<!-- jQery -->
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
<!-- popper js -->
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous">
</script>
<!-- bootstrap js -->
<script type="text/javascript" src="js/bootstrap.js"></script>
<!-- owl slider -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js">
</script>
<!-- custom js -->
<script type="text/javascript" src="js/custom.js"></script>
<!-- Google Map -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCh39n5U-4IoWpsVGUHWdqB6puEkhRLdmI&callback=myMap">
</script>
<!-- End Google Map -->
</body>
</html>
<!-- notice_write.html -->
<!DOCTYPE html>
<html lang="ko">
<head>
<!-- Basic -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!-- Site Metas -->
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<link rel="shortcut icon" href="images/logo_regular.png" type="">
<title> ARGOS </title>
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!-- fonts style -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">
<!--owl slider stylesheet -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<!-- font awesome style -->
<link href="css/font-awesome.min.css" rel="stylesheet" />
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet" />
<!-- responsive style -->
<link href="css/responsive.css" rel="stylesheet" />
</head>
<body class="sub_page">
<div class="hero_area">
<div class="hero_bg_box">
<div class="bg_img_box">
<img src="images/hero-bg.png" alt=""></div>
</div>
<!-- header section starts -->
<header class="header_section">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg custom_nav-container ">
<a class="navbar-brand" href="index.html">
<span>
ARGOS
</span>
</a>
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation">
<span class=""></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ">
<li class="nav-item ">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="education.html">๊ต์ก ํ๋</a>
</li>
<li class="nav-item">
<a class="nav-link" href="history.html">ํ๋ ๊ธฐ๋ก</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="community.html">๊ฒ์ํ
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://open.kakao.com/o/sIllhT5f">๊ฐ์
๋ฌธ์</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<i class="fa fa-user" aria-hidden="true"></i>
Login</a>
</li>
<form class="form-inline">
<button class="btn my-2 my-sm-0 nav_search-btn" type="submit">
<i class="fa fa-search" aria-hidden="true"></i>
</button>
</form>
</ul>
</div>
</nav>
</div>
</header>
<!-- end header section -->
</div>
<div class="board_wrap">
<div class="board_title">
<strong>๊ณต์ง์ฌํญ</strong>
<p>ARGOS์ ๊ณต์ง์ฌํญ์ ํ์ธํ์ค ์ ์์ต๋๋ค.</p>
</div>
<div class="board_write_wrap">
<div class="board_write">
<div class="title">
<dl>
<dt>์ ๋ชฉ</dt>
<dd><input type="text" placeholder="์ ๋ชฉ ์
๋ ฅ"></dd>
</dl>
</div>
<div class="info">
<dl>
<dt>๊ธ์ด์ด</dt>
<dd><input type="text" placeholder="๊ธ์ด์ด ์
๋ ฅ"></dd>
</dl>
<dl>
<dt>๋น๋ฐ๋ฒํธ</dt>
<dd><input type="password" placeholder="๋น๋ฐ๋ฒํธ ์
๋ ฅ"></dd>
</dl>
</div>
<div class="cont">
<textarea placeholder="๋ด์ฉ ์
๋ ฅ"></textarea>
</div>
<div class="bt_wrap">
<a href="#" onclick="submitPost()" class="on">๋ฑ๋ก</a>
<a href="#" onclick="confirmCancel()">์ทจ์</a>
</div>
</div>
</div>
</div>
<!-- info section -->
<section class="info_section layout_padding2">
<div class="container">
<div class="row">
<div class="col-md-6 col-lg-3 info_col">
<div class="info_contact">
<h4>
Address
</h4>
<div class="contact_link_box">
<a href="https://map.naver.com/p/entry/place/21033930?c=15.00,0,0,0,dh" target="_blank">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<span>
๋์ ๊ด์ญ์ ์ ์ฑ๊ตฌ ๋ํ๋ก 99 (์ถฉ๋จ๋ํ๊ต) ๊ณต๊ณผ๋ํ 5ํธ๊ด
</span>
</a>
</a>
<a href="">
<i class="fa fa-envelope" aria-hidden="true"></i>
<span>
we.represent.argos@gmail.com
</span>
</a>
</div>
</div>
<div class="info_social">
<a href="">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
<a href="https://www.instagram.com/cnu_argos/" target="_blank">
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="col-md-6 col-lg-2 mx-auto info_col">
<div class="info_link_box">
<h4>
Links
</h4>
<div class="info_links">
<a class="active" href="index.html">
Home
</a>
<a class="" href="education.html">
๊ต์ก ํ๋
</a>
<a class="" href="history.html">
ํ๋ ๊ธฐ๋ก
</a>
<a class="" href="https://open.kakao.com/o/sIllhT5f">
๊ฐ์
๋ฌธ์
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end info section -->
<!-- jQery -->
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
<!-- popper js -->
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous">
</script>
<!-- bootstrap js -->
<script type="text/javascript" src="js/bootstrap.js"></script>
<!-- owl slider -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js">
</script>
<!-- custom js -->
<script type="text/javascript" src="js/custom.js"></script>
<!-- Google Map -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCh39n5U-4IoWpsVGUHWdqB6puEkhRLdmI&callback=myMap">
</script>
<!-- End Google Map -->
<!-- ํ์ธ ๋ฉ์์ง ํ์ ๊ธฐ๋ฅ -->
<script>
function confirmCancel() {
var result = confirm("์์ฑ์ ์ ๋ง๋ก ์ทจ์ํ์๊ฒ ์ต๋๊น?");
if (result) {
// ์ฌ์ฉ์๊ฐ ํ์ธ์ ๋๋ ์ ๋ ์ํํ ์์
window.location.href = "notice_list.html";
}
}
</script>
<!-- End ํ์ธ ๋ฉ์์ง ํ์ ๊ธฐ๋ฅ-->
<!-- ์ ๋ชฉ๊ณผ ๋ด์ฉ ์
๋ ฅ ๊ฒ์ฆ ๊ธฐ๋ฅ-->
<script>
function submitPost() {
var title = document.getElementById('title').value;
var content = document.getElementById('content').value;
if (!title || !content) {
alert('์ ๋ชฉ๊ณผ ๋ด์ฉ์ ๋ชจ๋ ์
๋ ฅํด์ฃผ์ธ์.');
} else {
// TODO: ์ ๋ชฉ๊ณผ ๋ด์ฉ์ด ๋ชจ๋ ์
๋ ฅ๋ ๊ฒฝ์ฐ, ํผ ์ ์ถ ๋ก์ง ์์ฑ (์๋ฒ์์ ํต์ ๋ก์ง ์์ฑ)
window.location.href = "notice_view.html";
}
}
</script>
<!-- End ์ ๋ชฉ๊ณผ ๋ด์ฉ ์
๋ ฅ ๊ฒ์ฆ ๊ธฐ๋ฅ -->
</body>
</html>
<!-- notice_view.html -->
<!DOCTYPE html>
<html lang="ko">
<head>
<!-- Basic -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!-- Site Metas -->
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<link rel="shortcut icon" href="images/logo_regular.png" type="">
<title> ARGOS </title>
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!-- fonts style -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">
<!--owl slider stylesheet -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<!-- font awesome style -->
<link href="css/font-awesome.min.css" rel="stylesheet" />
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet" />
<!-- responsive style -->
<link href="css/responsive.css" rel="stylesheet" />
</head>
<body class="sub_page">
<div class="hero_area">
<div class="hero_bg_box">
<div class="bg_img_box">
<img src="images/hero-bg.png" alt=""></div>
</div>
<!-- header section starts -->
<header class="header_section">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg custom_nav-container ">
<a class="navbar-brand" href="index.html">
<span>
ARGOS
</span>
</a>
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation">
<span class=""></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ">
<li class="nav-item ">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="education.html">๊ต์ก ํ๋</a>
</li>
<li class="nav-item">
<a class="nav-link" href="history.html">ํ๋ ๊ธฐ๋ก</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="community.html">๊ฒ์ํ
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://open.kakao.com/o/sIllhT5f">๊ฐ์
๋ฌธ์</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<i class="fa fa-user" aria-hidden="true"></i>
Login</a>
</li>
<form class="form-inline">
<button class="btn my-2 my-sm-0 nav_search-btn" type="submit">
<i class="fa fa-search" aria-hidden="true"></i>
</button>
</form>
</ul>
</div>
</nav>
</div>
</header>
<!-- end header section -->
</div>
<div class="board_wrap">
<div class="board_title">
<strong>๊ณต์ง์ฌํญ</strong>
<p>ARGOS์ ๊ณต์ง์ฌํญ์ ํ์ธํ์ค ์ ์์ต๋๋ค.</p>
</div>
<div class="board_view_wrap">
<div class="board_view">
<div class="title">
๊ธ ์ ๋ชฉ์ด ๋ค์ด๊ฐ๋๋ค.
</div>
<div class="info">
<dl>
<dt>๋ฒํธ</dt>
<dd>1</dd>
</dl>
<dl>
<dt>๊ธ์ด์ด</dt>
<dd>ARGOS</dd>
</dl>
<dl>
<dt>์์ฑ์ผ</dt>
<dd>2003.06.25</dd>
</dl>
<dl>
<dt>์กฐํ</dt>
<dd>100</dd>
</dl>
</div>
<div class="cont">
๊ธ ๋ด์ฉ์ด ๋ค์ด๊ฐ๋๋ค.<br>
๊ธ ๋ด์ฉ์ด ๋ค์ด๊ฐ๋๋ค.<br>
๊ธ ๋ด์ฉ์ด ๋ค์ด๊ฐ๋๋ค.<br>
๊ธ ๋ด์ฉ์ด ๋ค์ด๊ฐ๋๋ค.<br>
๊ธ ๋ด์ฉ์ด ๋ค์ด๊ฐ๋๋ค.<br>
๊ธ ๋ด์ฉ์ด ๋ค์ด๊ฐ๋๋ค.<br>
๊ธ ๋ด์ฉ์ด ๋ค์ด๊ฐ๋๋ค.<br>
๊ธ ๋ด์ฉ์ด ๋ค์ด๊ฐ๋๋ค.
</div>
</div>
<div class="bt_wrap">
<a href="notice_list.html" class="on">๋ชฉ๋ก</a>
<a href="notice_edit.html">์์ </a>
</div>
</div>
</div>
<!-- info section -->
<section class="info_section layout_padding2">
<div class="container">
<div class="row">
<div class="col-md-6 col-lg-3 info_col">
<div class="info_contact">
<h4>
Address
</h4>
<div class="contact_link_box">
<a href="https://map.naver.com/p/entry/place/21033930?c=15.00,0,0,0,dh" target="_blank">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<span>
๋์ ๊ด์ญ์ ์ ์ฑ๊ตฌ ๋ํ๋ก 99 (์ถฉ๋จ๋ํ๊ต) ๊ณต๊ณผ๋ํ 5ํธ๊ด
</span>
</a>
</a>
<a href="">
<i class="fa fa-envelope" aria-hidden="true"></i>
<span>
we.represent.argos@gmail.com
</span>
</a>
</div>
</div>
<div class="info_social">
<a href="">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
<a href="https://www.instagram.com/cnu_argos/" target="_blank">
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="col-md-6 col-lg-2 mx-auto info_col">
<div class="info_link_box">
<h4>
Links
</h4>
<div class="info_links">
<a class="active" href="index.html">
Home
</a>
<a class="" href="education.html">
๊ต์ก ํ๋
</a>
<a class="" href="history.html">
ํ๋ ๊ธฐ๋ก
</a>
<a class="" href="https://open.kakao.com/o/sIllhT5f">
๊ฐ์
๋ฌธ์
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end info section -->
<!-- jQery -->
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
<!-- popper js -->
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous">
</script>
<!-- bootstrap js -->
<script type="text/javascript" src="js/bootstrap.js"></script>
<!-- owl slider -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js">
</script>
<!-- custom js -->
<script type="text/javascript" src="js/custom.js"></script>
<!-- Google Map -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCh39n5U-4IoWpsVGUHWdqB6puEkhRLdmI&callback=myMap">
</script>
<!-- End Google Map -->
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<!-- Basic -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!-- Site Metas -->
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<link rel="shortcut icon" href="images/logo_regular.png" type="">
<title> ARGOS </title>
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!-- fonts style -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">
<!--owl slider stylesheet -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<!-- font awesome style -->
<link href="css/font-awesome.min.css" rel="stylesheet" />
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet" />
<!-- responsive style -->
<link href="css/responsive.css" rel="stylesheet" />
</head>
<body class="sub_page">
<div class="hero_area">
<div class="hero_bg_box">
<div class="bg_img_box">
<img src="images/hero-bg.png" alt=""></div>
</div>
<!-- header section starts -->
<header class="header_section">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg custom_nav-container ">
<a class="navbar-brand" href="index.html">
<span>
ARGOS
</span>
</a>
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation">
<span class=""></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ">
<li class="nav-item ">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="education.html">๊ต์ก ํ๋</a>
</li>
<li class="nav-item">
<a class="nav-link" href="history.html">ํ๋ ๊ธฐ๋ก</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="community.html">๊ฒ์ํ
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://open.kakao.com/o/sIllhT5f">๊ฐ์
๋ฌธ์</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<i class="fa fa-user" aria-hidden="true"></i>
Login</a>
</li>
<form class="form-inline">
<button class="btn my-2 my-sm-0 nav_search-btn" type="submit">
<i class="fa fa-search" aria-hidden="true"></i>
</button>
</form>
</ul>
</div>
</nav>
</div>
</header>
<!-- end header section -->
</div>
<div class="board_wrap">
<div class="board_title">
<strong>๊ณต์ง์ฌํญ</strong>
<p>ARGOS์ ๊ณต์ง์ฌํญ์ ํ์ธํ์ค ์ ์์ต๋๋ค.</p>
</div>
<div class="board_write_wrap">
<div class="board_write">
<div class="title">
<dl>
<dt>์ ๋ชฉ</dt>
<dd><input type="text" placeholder="์ ๋ชฉ ์
๋ ฅ" value="๊ธ ์ ๋ชฉ์ด ๋ค์ด๊ฐ๋๋ค."></dd>
</dl>
</div>
<div class="info">
<dl>
<dt>๊ธ์ด์ด</dt>
<dd><input type="text" placeholder="๊ธ์ด์ด ์
๋ ฅ" value="ARGOS"></dd>
</dl>
<dl>
<dt>๋น๋ฐ๋ฒํธ</dt>
<dd><input type="password" placeholder="๋น๋ฐ๋ฒํธ ์
๋ ฅ" value="123456"></dd>
</dl>
</div>
<div class="cont">
<textarea placeholder="๋ด์ฉ ์
๋ ฅ">
๊ธ ๋ด์ฉ์ด ๋ค์ด๊ฐ๋๋ค.
๊ธ ๋ด์ฉ์ด ๋ค์ด๊ฐ๋๋ค.
๊ธ ๋ด์ฉ์ด ๋ค์ด๊ฐ๋๋ค.
๊ธ ๋ด์ฉ์ด ๋ค์ด๊ฐ๋๋ค.
๊ธ ๋ด์ฉ์ด ๋ค์ด๊ฐ๋๋ค.
๊ธ ๋ด์ฉ์ด ๋ค์ด๊ฐ๋๋ค.
๊ธ ๋ด์ฉ์ด ๋ค์ด๊ฐ๋๋ค.
๊ธ ๋ด์ฉ์ด ๋ค์ด๊ฐ๋๋ค.</textarea>
</div>
<div class="bt_wrap">
<a href="#" onclick="submitPost()" class="on">๋ฑ๋ก</a>
<a href="#" onclick="confirmCancel()">์ทจ์</a>
</div>
</div>
</div>
</div>
<!-- info section -->
<section class="info_section layout_padding2">
<div class="container">
<div class="row">
<div class="col-md-6 col-lg-3 info_col">
<div class="info_contact">
<h4>
Address
</h4>
<div class="contact_link_box">
<a href="https://map.naver.com/p/entry/place/21033930?c=15.00,0,0,0,dh" target="_blank">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<span>
๋์ ๊ด์ญ์ ์ ์ฑ๊ตฌ ๋ํ๋ก 99 (์ถฉ๋จ๋ํ๊ต) ๊ณต๊ณผ๋ํ 5ํธ๊ด
</span>
</a>
</a>
<a href="">
<i class="fa fa-envelope" aria-hidden="true"></i>
<span>
we.represent.argos@gmail.com
</span>
</a>
</div>
</div>
<div class="info_social">
<a href="">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
<a href="https://www.instagram.com/cnu_argos/" target="_blank">
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="col-md-6 col-lg-2 mx-auto info_col">
<div class="info_link_box">
<h4>
Links
</h4>
<div class="info_links">
<a class="active" href="index.html">
Home
</a>
<a class="" href="education.html">
๊ต์ก ํ๋
</a>
<a class="" href="history.html">
ํ๋ ๊ธฐ๋ก
</a>
<a class="" href="https://open.kakao.com/o/sIllhT5f">
๊ฐ์
๋ฌธ์
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end info section -->
<!-- jQery -->
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
<!-- popper js -->
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous">
</script>
<!-- bootstrap js -->
<script type="text/javascript" src="js/bootstrap.js"></script>
<!-- owl slider -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js">
</script>
<!-- custom js -->
<script type="text/javascript" src="js/custom.js"></script>
<!-- Google Map -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCh39n5U-4IoWpsVGUHWdqB6puEkhRLdmI&callback=myMap">
</script>
<!-- End Google Map -->
<!-- ํ์ธ ๋ฉ์์ง ํ์ ๊ธฐ๋ฅ -->
<script>
function confirmCancel() {
var result = confirm("์์ ์ ์ ๋ง๋ก ์ทจ์ํ์๊ฒ ์ต๋๊น?");
if (result) {
// ์ฌ์ฉ์๊ฐ ํ์ธ์ ๋๋ ์ ๋ ์ํํ ์์
window.location.href = "notice_view.html";
}
}
</script>
<!-- End ํ์ธ ๋ฉ์์ง ํ์ ๊ธฐ๋ฅ-->
<!-- ์ ๋ชฉ๊ณผ ๋ด์ฉ ์
๋ ฅ ๊ฒ์ฆ ๊ธฐ๋ฅ-->
<script>
function submitPost() {
var title = document.getElementById('title').value;
var content = document.getElementById('content').value;
if (!title || !content) {
alert('์ ๋ชฉ๊ณผ ๋ด์ฉ์ ๋ชจ๋ ์
๋ ฅํด์ฃผ์ธ์.');
} else {
// TODO: ์ ๋ชฉ๊ณผ ๋ด์ฉ์ด ๋ชจ๋ ์
๋ ฅ๋ ๊ฒฝ์ฐ, ํผ ์ ์ถ ๋ก์ง ์์ฑ (์๋ฒ์์ ํต์ ๋ก์ง ์์ฑ)
window.location.href = "notice_view.html";
}
}
</script>
<!-- End ์ ๋ชฉ๊ณผ ๋ด์ฉ ์
๋ ฅ ๊ฒ์ฆ ๊ธฐ๋ฅ -->
</body>
</html>
/* style.css */
.board_wrap * {
margin: 0;
padding: 0;
}
.board_wrap ul,
.board_wrap li {
list-style: none;
}
.board_wrap a {
text-decoration: none;
color: inherit;
}
.board_wrap {
width: 1000px;
margin: 100px auto;
}
.board_title {
margin-bottom: 30px;
}
.board_title strong {
font-size: 30px;
}
.board_title p {
margin-top: 5px;
font-size: 14px;
}
.bt_wrap {
margin-top: 30px;
text-align: center;
font-size: 0;
}
.bt_wrap a {
display: inline-block;
min-width: 80px;
margin-left: 10px;
padding: 10px;
border: 1px solid #000;
border-radius: 4px;
font-size: 14px;
}
.bt_wrap a:first-child {
margin-left: 0;
}
.bt_wrap a.on {
background: #000;
color: #fff;
}
.board_list {
width: 100%;
border-top: 2px solid #000;
}
.board_list > div {
border-bottom: 1px solid #ddd;
font-size: 0;
}
.board_list > div.top {
border-bottom: 1px solid #999;
}
.board_list > div:last-child {
border-bottom: 1px solid #000;
}
.board_list > div > div {
display: inline-block;
padding: 15px 0;
text-align: center;
font-size: 14px;
}
.board_list > div.top > div {
font-weight: 600;
}
.board_list .num {
width: 10%;
}
.board_list .title {
width: 60%;
text-align: left;
}
.board_list .top .title {
text-align: center;
}
.board_list .writer {
width: 10%;
}
.board_list .date {
width: 10%;
}
.board_list .count {
width: 10%;
}
.board_page {
margin-top: 30px;
text-align: center;
font-size: 0;
}
.board_page a {
display: inline-block;
width: 32px;
height: 32px;
box-sizing: border-box;
vertical-align: middle;
line-height: 100%;
border: 1px solid #ddd;
border-left: 0;
}
.board_page a.bt {
padding-top: 8px;
font-size: 12px;
letter-spacing: -1px;
}
.board_page a.num {
padding-top: 8px;
font-size: 14px;
}
.board_page a.num.on {
border-color: #000;
background: #000;
color: #fff;
}
.board_page a.bt:first-child {
border-left: 1px solid #ddd;
}
.board_view {
width: 100%;
border-top: 2px solid #000;
font-size: 14px;
}
.board_view .title {
padding: 20px 15px;
border-bottom: 1px dashed #ddd;
font-size: 20px;
}
.board_view .info {
padding: 15px;
border-bottom: 1px solid #999;
font-size: 0;
}
.board_view .info dl {
position: relative;
display: inline-block;
padding: 0 20px;
}
.board_view .info dl:first-child {
padding-left: 0;
}
.board_view .info dl::before {
content: "";
position: absolute;
top: 4px;
left: 0;
display: block;
width: 1px;
height: 13px;
background: #ddd;
}
.board_view .info dl:first-child::before {
display: none;
}
.board_view .info dl dt,
.board_view .info dl dd {
display: inline-block;
font-size: 14px;
}
.board_view .info dl dd {
margin-left: 10px;
color: #777;
}
.board_view .cont {
padding: 15px;
border-bottom: 1px solid #000;
line-height: 160%;
font-size: 14px;
}
.board_write {
border-top: 2px solid #000;
}
.board_write .title,
.board_write .info {
padding: 15px;
}
.board_write .info {
border-top: 1px dashed #ddd;
border-bottom: 1px solid #000;
font-size: 0;
}
.board_write .title dl {
font-size: 0;
}
.board_write .info dl {
display: inline-block;
width: 50%;
vertical-align: middle;
}
.board_write .title dt,
.board_write .title dd,
.board_write .info dt,
.board_write .info dd {
display: inline-block;
vertical-align: middle;
font-size: 14px;
}
.board_write .title dt,
.board_write .info dt {
width: 100px;
}
.board_write .title dd {
width: calc(100% - 100px);
}
.board_write .title input[type="text"],
.board_write .info input[type="text"],
.board_write .info input[type="password"] {
padding: 10px;
box-sizing: border-box;
}
.board_write .title input[type="text"] {
width: 80%;
}
.board_write .cont {
border-bottom: 1px solid #000;
}
.board_write .cont textarea {
display: block;
width: 100%;
height: 300px;
padding: 15px;
box-sizing: border-box;
border: 0;
resize: vertical;
}
'๐ ๊ฐ์ธ ํ๋ ๋ชจ์์ง ๐ > ๐ฉ๐ปโ๐ป `23 -`24 ๋๊ณ ๋ชจ๊ฐ์ฝ ๐ฉ๐ปโ๐ป' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[`23 - `24 ๋๊ณ ๋ชจ๊ฐ์ฝ] Bit๋๊ธฐ 6ํ์ฐจ ๊ฐ์ธ ๋ฆฌ๋ทฐ (0) | 2024.02.05 |
---|---|
[`23 - `24 ๋๊ณ ๋ชจ๊ฐ์ฝ] Bit๋๊ธฐ 4ํ์ฐจ ๊ฐ์ธ ๋ฆฌ๋ทฐ (0) | 2024.01.22 |
[`23 - `24 ๋๊ณ ๋ชจ๊ฐ์ฝ] Bit๋๊ธฐ 3ํ์ฐจ ๊ฐ์ธ ๋ฆฌ๋ทฐ (0) | 2024.01.15 |
[`23 - `24 ๋๊ณ ๋ชจ๊ฐ์ฝ] Bit๋๊ธฐ 2ํ์ฐจ ๊ฐ์ธ ๋ฆฌ๋ทฐ (1) | 2024.01.08 |
[`23 - `24 ๋๊ณ ๋ชจ๊ฐ์ฝ] Bit๋๊ธฐ 1ํ์ฐจ ๊ฐ์ธ ๋ฆฌ๋ทฐ (0) | 2024.01.01 |