-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
90 lines (80 loc) · 6.87 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
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
<!DOCTYPE html>
<html>
<title>Template</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="style.css">
<body>
<!-- Header -->
<header>
<a class="MyArt" href="https://unsplash.com/s/photos/astrophotography" target="_blank">MY ART</a>
<a class="about" href="https://unsplash.com/@vincentledvina" target="_blank">About</a>
</header>
<h2>streetart</h2>
<!-- Photo Grid -->
<div class="w3-row">
<div class="w3-half">
<img class="img-1"src="https://images.unsplash.com/photo-1633351689175-cd954567baef?ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDN8eEh4WVRNSExnT2N8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="photo Natur">
<img class="img-1" src="https://images.unsplash.com/photo-1633351615799-a68ae18062b6?ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDR8eEh4WVRNSExnT2N8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="photo street">
<img class="img-1" src="https://images.unsplash.com/photo-1631473130172-614478b2abd1?ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDh8eEh4WVRNSExnT2N8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60"alt="photo street">
<img class="img-1" src="https://images.unsplash.com/photo-1604345474454-38e130291d84?ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDl8eEh4WVRNSExnT2N8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="photography">
<img class="img-1" src="https://images.unsplash.com/photo-1633463449149-e1bd9616dae7?ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDE4fHhIeFlUTUhMZ09jfHxlbnwwfHx8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="photo">
<img class="img-1" src="https://images.unsplash.com/photo-1612952001921-1e7a87caa0cd?ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDIxfHhIeFlUTUhMZ09jfHxlbnwwfHx8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=60" alt="photo">
<img class="img-1" src="https://images.unsplash.com/photo-1606025454250-51c3fdbeca7b?ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDI4fHhIeFlUTUhMZ09jfHxlbnwwfHx8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=60" alt="photo">
<img class="img-1" src="https://images.unsplash.com/photo-1627855443031-e1f1aed02fb2?ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDI3fHhIeFlUTUhMZ09jfHxlbnwwfHx8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=60" alt="photo">
<img class="img-1" src="https://images.unsplash.com/photo-1614988371870-0914d1cbd42f?ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDM1fHhIeFlUTUhMZ09jfHxlbnwwfHx8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=60" alt="photo">
<img class="img-1" src="https://images.unsplash.com/photo-1625404523290-8eb7cefb3c5a?ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDUwfHhIeFlUTUhMZ09jfHxlbnwwfHx8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=60" alt="photo">
<img class="img-1" src="https://images.unsplash.com/photo-1621109102811-ef75609e9974?ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDUzfHhIeFlUTUhMZ09jfHxlbnwwfHx8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=60" alt="phto">
<img class="img-1" src="https://images.unsplash.com/photo-1616832880699-8541b04005ec?ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDU2fHhIeFlUTUhMZ09jfHxlbnwwfHx8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=60" alt="photo">
<img class="img-1" src="https://images.unsplash.com/photo-1623176478288-0abe68f7358e?ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDU5fHhIeFlUTUhMZ09jfHxlbnwwfHx8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=60" alt="photo">
<img class="img-1" src="https://images.unsplash.com/photo-1632822025035-964e9ae087d2?ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDcwfHhIeFlUTUhMZ09jfHxlbnwwfHx8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=60" alt="photo">
</div>
<div class="w3-half">
<img class="img-1" src="https://images.unsplash.com/photo-1632674516931-e47fb1af9935?ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDEzNHx4SHhZVE1ITGdPY3x8ZW58MHx8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=60" alt="photo">
<img class="img-1" src="https://images.unsplash.com/photo-1632843299936-522f725c951e?ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDEyNXx4SHhZVE1ITGdPY3x8ZW58MHx8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=60" alt="photo">
<img class="img-1" src="https://images.unsplash.com/photo-1623435119185-3886f034006a?ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDExMHx4SHhZVE1ITGdPY3x8ZW58MHx8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=60" alt="photo">
<img class="img-1" src="https://images.unsplash.com/photo-1632952296905-104e14c9abd1?ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDk5fHhIeFlUTUhMZ09jfHxlbnwwfHx8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=60" alt="photo">
<img class="img-1" src="https://images.unsplash.com/photo-1632748918365-8cc5f89d41a5?ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDEwM3x4SHhZVE1ITGdPY3x8ZW58MHx8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=60" alt="photo">
<img class="img-1" src="https://images.unsplash.com/photo-1632749280520-ca8ca064e065?ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDk1fHhIeFlUTUhMZ09jfHxlbnwwfHx8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=60" alt="photo">
<img class="img-1" src="https://images.unsplash.com/photo-1632749280671-e7338581201f?ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDk0fHhIeFlUTUhMZ09jfHxlbnwwfHx8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=60" alt="Photo">
<img class="img-1" src="https://images.unsplash.com/photo-1610819187411-97628d00529f?ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDkyfHhIeFlUTUhMZ09jfHxlbnwwfHx8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=60" alt="photo ">
</div>
</div>
<!-- End Page Content -->
</div>
<!-- Footer / About Section -->
<footer id="about">
<div class="imgShepp">
<img class="img-2" src="https://images.unsplash.com/photo-1610377692222-0badea025e3b?ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDg2fHhIeFlUTUhMZ09jfHxlbnwwfHx8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=60" alt=" photo CameraMan">
</div>
<form>
<h2>About</h2>
<p >Just me, myself and I, exploring the universe of unknownment. I have a heart of love and an interest of lorem ipsum and mauris neque quam blog. I want to share my world with you. Praesent tincidunt sed tellus ut rutrum. Sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida diam non fringilla. Praesent tincidunt sed tellus ut rutrum. Sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida diam non fringilla.</p>
<p id="Donot">Do not hesitate to contact me!</p>
<form action="">
<div class="liste">
<div>
<label><b>Name</b></label>
<input class="emailName" type="text" required name="Name">
</div>
<div>
<label ><b>Email</b></label>
<input class="emailName" type="text" required name="Email" >
</div>
<div>
<label><b>Message</b></label>
<input required name="Message">
</div>
<button type="submit">Send</button>
</form>
</div>
<br>
</footer>
</body>
</html>
Collapse