generated from cs1300-2022/cs1300-html-css-js-students
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
36 lines (31 loc) · 1.45 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<title>CS1300 HTML/CSS/JS Studio</title>
<!-- import javascript variables and functions -->
<script src="app.js"></script>
<!-- import CSS styles -->
<link rel="stylesheet" href="styles.css" />
</head>
<!-- page content goes into <body> -->
<body>
<div id="cs1300-gallery">
<h1>Welcome to my cat bakery</h1>
<p>We have cursed cats, cats making bakery, and Jeff!</p>
<!-- TODO: PART I Add your own images and use CSS flex to make sure they work on different screen sizes -->
<div class="gallery-item-container">
<img class="gallery-item" src="./assets/jeff.jpg" alt="jeff watching u">
<img class="gallery-item" src="assets/download-1.jpg" alt="cat1 watching u">
<img class="gallery-item" src="assets/download-2.jpg" alt="cat2 watching u">
<img class="gallery-item" src="assets/download.jpg" alt="cat3 watching u">
<img class="gallery-item" src="assets/images-1.jpg" alt="cat4 watching u">
<img class="gallery-item" src="assets/cat-prepares-dough-baking-260nw-572636545.webp" alt="cat5 watching u">
</div>
<!-- TODO: PART II Uncomment the line below, and hook up this button to display data from an API -->
<button onclick="updatePage()">Press this button to display some fruit data</button>
</div>
<!-- <div id = "example-id">
<button onclick="addElement()">testing interaction</button>
</div> -->
</body>
</html>