-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
64 lines (45 loc) · 2.05 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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<!-- Trying to replicate: www.filtelescu.com/index.html -->
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title>MAC x Collab</title>
<script src="scripts.js"></script>
</head>
<body>
<h1 class="main_heading"><strong>About Anna</strong></h1>
<p class="main_subheading">Created only in HTML and CSS</p>
<div class="social_media_icons">
<div class="social_icon_img_div">
<img class= "social_icon_img" id="facebook" src="https://image.flaticon.com/icons/svg/1051/1051360.svg" style="width:40px" onclick="link_to_social(this)">
</div>
<div class="social_icon_img_div">
<img class= "social_icon_img" id="instagram" src="https://image.flaticon.com/icons/svg/1051/1051364.svg" style="width:40px" onclick="link_to_social(this)">
</div>
<div class="social_icon_img_div">
<img class= "social_icon_img" id="twitter" src="https://image.flaticon.com/icons/svg/1051/1051382.svg" style="width:40px" onclick="link_to_social(this)">
</div>
</div>
<div class="img_txt">
<h2 class="subheading">Spring Cherry Blossoms</h2>
<p class="body_para">All sourced from: <a href=https://unsplash.com/>unsplash.com</a></p>
</div>
<div class="image">
<img src="https://images.unsplash.com/photo-1522383225653-ed111181a951?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1955&q=80">
</div>
<div class="img_txt">
<h2 class="subheading">Forest at Sunset</h2>
<p class="body_para">All sourced from: <a href=https://unsplash.com/>unsplash.com</a></p>
</div>
<div class="image">
<img src="https://images.unsplash.com/photo-1523712999610-f77fbcfc3843?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1050&q=80">
</div>
<div class="img_txt">
<h2 class="subheading">Sunrise at Sea</h2>
<p class="body_para">All sourced from: <a href=https://unsplash.com/>unsplash.com</a></p>
</div>
<div class="image">
<img src="https://images.unsplash.com/photo-1507525428034-b723cf961d3e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1053&q=80">
</div>
</body>
</html>