AWS S3 정적 웹페이지

신민창·2021년 2월 10일
0

프로젝트

목록 보기
1/5
post-custom-banner

간단한 HTML 정적 웹페이지를 제작 후 AWS S3에 배포를 해 보았다.

정적 웹 사이트를 Amazon S3를 이용해서 구축

뉴스 사이트 구축 목표

HTML 구성

  • 메인 페이지

  • IT/과학 페이지

  • 연애 페이지

  • 스포츠 페이지

각 HTML 코드

메인 페이지

<link rel="stylesheet" type="text/css"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<meta charset="utf-8">
    <title>클라우드 엔지니어 2기 5조 Team Project</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="Bootstrap News Template - Free HTML Templates" name="keywords">
    <meta content="Bootstrap News Template - Free HTML Templates" name="description">

    <!-- Favicon -->
    <link href="JB/img/favicon.ico" rel="icon">

    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,600&display=swap" rel="stylesheet">

    <!-- CSS Libraries -->
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
    <link href="JB/lib/slick/slick.css" rel="stylesheet">
    <link href="JB/lib/slick/slick-theme.css" rel="stylesheet">

    <!-- Template Stylesheet -->
    <link href="JB/css/style.css" rel="stylesheet">
<style>

body {
padding-top: 4.5rem;
}
a.nav-item {
color: white;
}
#mainNavbar {
font-size: 1.5rem !important;
font-weight: bold !important;
}

</style>
post-custom-banner

0개의 댓글