본문 바로가기

HTML/DAY 31 _ 23.10.06

Wep page Self1 - 대영

<!-- 대영물산 웹페이지
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&amp;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&amp;wr_id=1&amp;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