<!-- 대영물산 웹페이지
http://www.daeyoungmulsan.co.kr/ -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta charset='utf-8'>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
</head>
<body>
<!-- tel, home, 문의 -->
<div class="header" style="background-color: rgb(228, 226, 226);" >
<div class="row">
<div class="col-2"></div>
<div class="col">
<img src="./img/top_tel.jpg">
</div>
<div class="col">
<!-- 링크 삽입(-) -->
<div class="row">
<div class="col-8">
</div>
<!-- home -->
<div class="col fw-bold text-end my-1 px-0">
<a style="color: black; text-decoration: none; text-align: right;" href="http://www.daeyoungmulsan.co.kr">HOME</a>
</div>
<!-- 문의 -->
<div class="col fw-bold my-1 px-0" style="text-align: right;">
<a style="color: black; text-decoration: none;" href="http://www.daeyoungmulsan.co.kr">온라인문의</a>
</div>
</div>
</div>
<div class="col-2"></div>
</div>
</div>
<!-- <div style="width:auto; margin: 0 auto;"> -->
<div class="container-fluid">
<!-- 메뉴 -->
<div class="row">
<div class="col-2 px-0"></div>
<div class="col-8 px-0">
<div class="row">
<!-- logo -->
<div class="col-3">
<img src="./img/logo.jpg">
</div>
<!-- menu -->
<div class="col-9 my-4" style="text-align: right">
<div class="row fw-bold px-0" style="display: flex">
<div class="col ">
회사소개
</div>
<div class="col">
보유장비
</div>
<div class="col">
취급품목
</div>
<div class="col">
제품안내
</div>
<div class="col">
온라인문의
</div>
<div class="col">
고객센터
</div>
</div>
</div>
</div>
</div>
<div class="col-2 px-0"></div>
</div>
<!-- 그림 바뀌는거 -->
<div class="row">
<div class="col-1"></div>
<div class="col px-0">
<div id="carouselExampleInterval" class="carousel slide carousel-fade" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active" data-bs-interval="2000">
<img src="./img/DYfront.png" class="d-block w-100">
</div>
<div class="carousel-item" data-bs-interval="2000">
<img src="./img/DYfront2.png" class="d-block w-100">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleInterval" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleInterval" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
<div class="col-1"></div>
</div>
<!-- 연혁~오시는길 -->
<div class="row" style="background-color: rgb(228, 226, 226);">
<div class="col-2 ps-0"></div>
<div class="col px-0 text-center">
<img class="img-fluid" src="./img/sec01_bn1.jpg">
</div>
<div class="col px-0 text-center">
<img class="img-fluid"src="./img/sec01_bn2.jpg">
</div>
<div class="col px-0 text-center">
<img class="img-fluid" src="./img/sec01_bn3.jpg">
</div>
<div class="col px-0 text-center">
<img class="img-fluid"src="./img/sec01_bn4.jpg">
</div>
<div class="col px-0 text-center">
<img class="img-fluid"src="./img/sec01_bn5.jpg">
</div>
<div class="col-2 pe-0"></div>
</div>
<!-- 제품안내~표링크 -->
<div class="row mt-5">
<div class="col-2"></div>
<div class="col-2">
<div class="row">
<div class="col border mt-4"></div>
</div>
</div>
<div class="col fs-1 fw-bold text-center">
제품안내
</div>
<div class="col-2">
<div class="row">
<div class="col border mt-4"></div>
</div>
</div>
<div class="col-2"></div>
</div>
<div class="row">
<div class="col fs-4 text-center mt-2">
아크릴, 엔지니어링 플라스틱 소재 판매에서 CNC가공까지
</div>
</div>
<div class="row">
<div class="col-2"></div>
<div class="col">
<div class="row mt-4" style="height: 4em">
<div class="col d-grid">
<input class="btn btn-outline-secondary" type="text" value="CAST NYLON">
</div>
<div class="col d-grid">
<input class="btn btn-outline-secondary" type="text" value="POM">
</div>
<div class="col d-grid">
<input class="btn btn-outline-secondary" type="text" value="HDPE">
</div>
<div class="col d-grid">
<input class="btn btn-outline-secondary" type="text" value="PP">
</div>
<div class="col d-grid">
<input class="btn btn-outline-secondary" type="text" value="ABS">
</div>
</div>
<div class="row mt-2" style="height: 4em">
<div class="col d-grid">
<input class="btn btn-outline-secondary" type="text" value="PC">
</div>
<div class="col d-grid">
<input class="btn btn-outline-secondary" type="text" value="PET">
</div>
<div class="col d-grid">
<input class="btn btn-outline-secondary" type="text" value="PVDF">
</div>
<div class="col d-grid">
<input class="btn btn-outline-secondary" type="text" value="민지짱">
</div>
<div class="col d-grid">
<input class="btn btn-outline-secondary" type="text" value="민지최고">
</div>
</div>
</div>
<div class="col-2"></div>
</div>
<!-- 기술자료, 온라인문의 -->
<div class="row">
<div class="col-1"></div>
<div class="col">
<div class="row mt-5 py-5" style="background-image: url(./img/bottom.png)">
<div class="col"></div>
<div class="col" style="text-align: center;">
<a href="/bbs/board.php?bo_table=f02&wr_id=2&me_code=4020">
<img src="http://www.daeyoungmulsan.co.kr/theme/dh1.0/img/sec03_bn1.png" title="">
</a>
</div>
<div class="col" style="text-align: center;">
<a href="/bbs/board.php?bo_table=e01&me_code=5010"><img src="http://www.daeyoungmulsan.co.kr/theme/dh1.0/img/sec03_bn2.png" title=""></a>
</div>
<div class="col" style="text-align: center;">
<a href="/bbs/board.php?bo_table=f02&wr_id=1&me_code=4020"><img src="http://www.daeyoungmulsan.co.kr/theme/dh1.0/img/sec03_bn3.png" title=""></a>
</div>
<div class="col"></div>
</div>
</div>
<div class="col-1"></div>
</div>
<!-- 고객센터 -->
<div class="row mt-5">
<div class="col-2"></div>
<div class="col-2">
<div class="row">
<div class="col border mt-4"></div>
</div>
</div>
<div class="col fs-1 fw-bold text-center">
고객센터
</div>
<div class="col-2">
<div class="row">
<div class="col border mt-4"></div>
</div>
</div>
<div class="col-2"></div>
</div>
<div class="row mt-4" style="height: 15em">
<div class="col-2"></div>
<div class="col border mx-2" style="width: auto">
<div class="card-body">
<div></div>
<h5 class="card-title border-bottom fw-bold mt-3">공지사항</h5>
<p class="card-text">게시물이 없습니다</p>
</div>
</div>
<div class="col border mx-2" style="width: auto">
<div class="card-body">
<h5 class="card-title border-bottom fw-bold mt-3">온라인문의</h5>
<p class="card-text">게시물이 없습니다</p>
</div>
</div>
<!-- <div class="col border mx-2 bg bg-info p-2" style="width: auto; --bs-bg-opacity: .5;">
<div class="card-body">
<h5 class="card-title border-bottom fw-bold mt-2">고객센터</h5>
<div class="col fs-4 fw-bold my-4">
<p class="card-text"> TEL 031-633-1234</p>
<p class="card-text"> FAX 031-634-1234</p>
<p class="card-text"> E.mail minjjang@naver.com</p>
</div>
</div>
</div> -->
<div class="col border mx-2 bg img-fluid" style="width: auto; background-image: url(./img/consumerCenter.jpg);">
<div class="card-body">
</div>
</div>
<div class="col-2"></div>
</div>
</div>
<!-- </div> -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"></script>
</body>
</html>
'HTML > DAY 31 _ 23.10.06' 카테고리의 다른 글
11번가 모바일 (0) | 2023.10.11 |
---|---|
모바일용 (0) | 2023.10.11 |