-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex1.html
More file actions
193 lines (193 loc) · 7.77 KB
/
Copy pathindex1.html
File metadata and controls
193 lines (193 loc) · 7.77 KB
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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<!DOCTYPE html>
<!-- 문서 타입 정의(DOCTYPE (어떤 버전으로 문서가 선언되었는지 사용자에게 알려줌) 선언)-->
<html lang="en">
<!-- 최상위 레벨의 요소(루트 요소),lang : 작성하는 문서의 타입 -->
<head>
<!-- 브라우저에 표시되는 내용은 아니지만 문서의 기본 설정이나 스타일 시트 파일에 연결하는 등 여러가지
역할을 함, body를 해석하기전 알아야 하는 내용-->
<meta charset="UTF-8" />
<!-- 문자 집합 및 인코딩 요소, 언어마다 다른 문자 집합과 인코딩 방식이 있어서
호환되지 않는 경우가 발생, 이를 방지하기 위해 표준으로 UNICODE를 제정해서 세계적으로 사용-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- 반응형 웹 사이트를 만들 때 사용
, content = 기기의 크기를 브라우저의 너비를 디바이스에 맞춰서 표현, initial-scale = 배율을 100%로 표현-->
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<!-- 인터넷 익스플로러 브라우저에서의 렌더링-->
<title>The Web framework for perfectionists with deadlines | Django</title>
<!-- 문서의 제목(페이지의 핵심 키워드 표현) -->
<link rel="stylesheet" href="./style.css" />
<!-- rel : html 문서와 연결할 파일의 관계
,href : 연결할 파일의 위치-->
<link rel="stylesheet" href="./normalize.css" />
<!-- 상대요소 : 지금 현재 내 위치에서의 파일 위치 를 사용하기 때문에 style.css라고 써도됨
ex)./style.css도 가능-->
<!-- 절대요소 : 특정 파일의 고유경로 ex)C:\Users\...-->
<link
href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap"
rel="stylesheet"
/>
</head>
<body>
<header class="header">
<div class="container">
<h1 class="logo">
<img
src="https://static.djangoproject.com/img/logo-django.42234b631760.svg"
alt="Django"
/>
</h1>
<nav class="nav">
<ul class="list">
<li class="list-item"><a href="#">Overview</a></li>
<li class="list-item"><a href="#">Download</a></li>
<li class="list-item"><a href="#">Documentation</a></li>
<li class="list-item"><a href="#">News</a></li>
<li class="list-item"><a href="#">Community</a></li>
<li class="list-item"><a href="#">Code</a></li>
<li class="list-item"><a href="#">About</a></li>
<li class="list-item"><a href="#">♥ Donate</a></li>
</ul>
</nav>
</div>
</header>
<main class="main">
<div class="hero-section">
<div class="container">
<p class="intro-desc">
Django makes it easier to build better Web apps more quickly and
with less code.
</p>
<a href="#" class="hero-cta cta">Get Started with Django </a>
</div>
</div>
<div class="container-float">
<div class="main-content">
<h2 class="main-title">Stay in the loop</h2>
<p class="main-desc">
Subscribe to one of our mailing lists to stay up to date with
everything in the Django community:
</p>
<div class="mailing-layout">
<div class="mailing">
<h3 class="mailing-title">
<a href="#">Using Django</a>
</h3>
<p class="mailing-desc">
Get help with Django and follow announcements
</p>
<form action="#" class="mailing-form">
<label for="input-following"
>send email for following news</label
>
<input
type="email"
placeholder="Enter email"
id="input-following"
name="input-following"
/>
<button type="submit" class="mailing-form-btn">Submit</button>
</form>
<p class="mailing-desc">
You can also subscribe by sending an email to
<a href="mailto:django-users+subscribe@googlegroups.com"
>django-users+subscribe@googlegroups.com</a
>
and following the instructions that will be sent to you.
</p>
</div>
<div class="mailing">
<h3 class="mailing-title">
<a href="#">Contributing to Django</a>
</h3>
<p class="mailing-desc">
Contibute to the development of Django itself
</p>
<form action="#" class="mailing-form">
<label for="email-contribute"
>send email for contribution</label
>
<input
type="email"
placeholder="Enter email"
id="email-contribute"
name="email-contribute"
/>
<button type="submit" class="mailing-form-btn">Submit</button>
</form>
<p class="mailing-desc">
Before asking a question about how to contribute, read
<a
href="https://docs.djangoproject.com/en/dev/internals/contributing/"
>Contributing to Django</a
>
. Many frequently asked questions are answered there.
</p>
</div>
</div>
</div>
<div class="side-content">
<div class="container-side-cta">
<a href="#" class="cta side-cta">
Download <em>latest release: 2.1.7</em>
</a>
<a href="#" class="more">
Django documentation
</a>
</div>
<div class="latest-news infos">
<h2 class="infos-title">
Latest news
</h2>
<article class="news-article">
<h3 class="news-title">
<a href="#"
>Django bugfix releases: 2.1.7, 2.0.12 and 1.11.20</a
>
</h3>
<p class="news-desc">
Today the Django project issued bugfix releases for the 2.1, 2.0
and 1.11 release series.
</p>
<p class="news-meta">
posted by <span>Carlton Gibson</span> on
<time datetime="2019-02-11">2월 11, 2019</time>
</p>
</article>
<a href="#" class="more">More news</a>
</div>
<div class="get-involved infos">
<h2 class="infos-title">Get involved</h2>
<dl class="list-communities">
<dt class="community-title">
<a href="#">#django IRC channel</a>
</dt>
<dd class="community-desc">Chat with other Django users</dd>
<dt class="community-title">
<a href="#">Ticket system</a>
</dt>
<dd class="community-desc">
Report bugs and make feature requests
</dd>
</dl>
<a href="#" class="more">Inside the django community</a>
</div>
</div>
</div>
</main>
<footer class="footer">
<div class="container">
<p class="copyright">
© 2005-2019
<a href="https://www.djangoproject.com/foundation/">
Django Software Foundation</a
>
and individual contributors. Django is a
<a href="https://www.djangoproject.com/trademarks/"
>registered trademark</a
>
of the Django Software Foundation.
</p>
</div>
</footer>
</body>
</html>