teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

HTMLの追加

2020/06/29 16:08

投稿

RyoYo
RyoYo

スコア9

title CHANGED
File without changes
body CHANGED
@@ -8,7 +8,10 @@
8
8
  ### 該当のソースコード
9
9
 
10
10
  ```HTML
11
+
12
+ <!doctype html>
13
+ <html lang="en">
11
- <head>
14
+ <head>
12
15
  <!-- Required meta tags -->
13
16
  <meta charset="utf-8">
14
17
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
@@ -97,8 +100,82 @@
97
100
  <a class="btn btn-secondary btn-md" href="http://bit.ly/
98
101
  advanced-bootstrap-course" target="_blank">93% OFF COUPON "NUN093"</a>
99
102
  </div>
103
+
104
+ </div>
105
+ <!---- end course --->
106
+
107
+
108
+ <!---- start portfolio --->
109
+ <div id="portfolio">
110
+
111
+ </div>
112
+ <!---- end portfolio --->
113
+
114
+
115
+ <!---- start team --->
116
+ <div id="team">
117
+
118
+ </div>
119
+ <!---- end team --->
120
+
121
+
122
+ <!---- start contact --->
123
+ <div id="contact">
124
+
125
+ </div>
126
+ <!---- end contact --->
127
+
128
+
129
+ <!-- Optional JavaScript -->
130
+ <!-- jQuery first, then Popper.js, then Bootstrap JS -->
131
+ <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
132
+ <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
133
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
134
+ </body>
135
+ </html>
100
136
  ```
137
+ ```CSS
101
138
 
139
+ body{
140
+ overflow: hidden;
141
+ color: #505962;
142
+ font-family: 'Noto Sans JP', sans-serif;
143
+ }
144
+
145
+ /*--- navbar ---*/
146
+
147
+ .navbar {
148
+ text-transform: uppercase;
149
+ font-weight: 700;
150
+ font-size: .9rem;
151
+ letter-spacing: .1rem;
152
+ background: rgba(0, 0, 0, .6)!important;
153
+ }
154
+
155
+ .navbar-brand img {
156
+ height: 3rem;
157
+ }
158
+
159
+ .navbar-nav li {
160
+ padding-right: .7rem;
161
+ }
162
+
163
+ .navbar-dark .navbar-nav .nav-link {
164
+ color: white;
165
+ padding-top: .8rem;
166
+ }
167
+
168
+ .navbar-dark .navbar-nav .nav-link.active,
169
+ .navbar-dark .navbar-nav .nav-link:hover {
170
+ color: #1ebba3;
171
+ }
172
+
173
+ /*---slider---*/
174
+
175
+ .carousel-item {
176
+ height: 100vh;
177
+ }
178
+ ```
102
179
  ### 試したこと
103
180
 
104
181
  スペルミスを疑ったのですが、どうやらスペルは合ってるみたいです。