-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
98 lines (98 loc) · 6.28 KB
/
home.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
88
89
90
91
92
93
94
95
96
97
98
<!DOCTYPE html>
<html lang="EN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta name="description" content="A description of the page">
<link href="home-style.css" rel="stylesheet">
<title>Home</title>
</head>
<body>
<!--Navigation Bar-->
<div class="nav-bar">
<div class="item-1"><h1>PRISM</h1></div>
<div class="item-2"><a href="#">HOME</a></div>
<div class="item-3"><a href="#">START</a></div>
<div class="item-5"><button type="button" class="btn-2"> <a href="signup.html">CONNECT</a></button></div>
</div>
<!--First Page-->
<div class="first-page-grid">
<div class="element element1"><img src="images/Asset 4.png"></div>
<div class="element element2"><img src="images/Asset 4.png"></div>
<div class="element element3"><img src="images/Asset 4.png"></div>
<div class="element element5"><img src="images/Asset 4.png"></div>
<div class="element element6"><img src="images/Asset 4.png"></div>
<div class="element element8"><img src="images/Asset 4.png"></div>
<div class="element element9"><img src="images/Asset 12.png"></div>
<div class="element element15"><img src="images/Asset 4.png"></div>
<div class="text-block">
<div class="text-block-1"><h1>WELCOME TO</h1></div>
<div class="text-block-2"><h2>PRISM</h2></div>
<div class="text-block-3">
<h2>
Description:Lorem ipsum dolor sit amet,
consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.
</h2>
</div>
</div>
<img src="images/heroimage.png" class="block-4">
</div>
<!--Second Page-->
<div class="second-page-grid">
<div class="element element1"><img src="images/Asset 4.png"></div>
<div class="element element2"><img src="images/Asset 13.png"></div>
<div class="element element3"><img src="images/Asset 14.png"></div>
<div class="element element5"><img src="images/Asset 15.png"></div>
<div class="element element6"><img src="images/Asset 4.png"></div>
<div class="element element8"><img src="images/Asset 13.png"></div>
<div class="element element15"><img src="images/Asset 13.png"></div>
<h1 class="second-page-title">CREATE YOUR OWN <span>PORTFOLIO</span></h1>
<div class="wrapper">
<div class="holder holder1"><img src="https://placehold.co/400x400" draggable="false"></div>
<div class="holder holder2"><img src="https://placehold.co/400x400" draggable="false"></div>
<div class="holder holder3"><img src="https://placehold.co/400x400" draggable="false"></div>
<div class="holder holder4"><img src="https://placehold.co/400x400" draggable="false"></div>
<div class="holder holder5"><img src="https://placehold.co/400x400" draggable="false"></div>
<div class="holder holder6"><img src="https://placehold.co/400x400" draggable="false"></div>
<div class="holder holder7"><img src="https://placehold.co/400x400" draggable="false"></div>
<div class="holder holder8"><img src="https://placehold.co/400x400" draggable="false"></div>
</div>
</div>
<div class="third-page-grid">
<h1 class="third-page-title">MAKE YOUR OWN <span>CARDS</span></h1>
<div class="element element1"><img src="images/Asset 13.png"></div>
<div class="element element2"><img src="images/Asset 15.png"></div>
<div class="element element3"><img src="images/Asset 4.png"></div>
<div class="element element5"><img src="images/Asset 13.png"></div>
<div class="element element6"><img src="images/Asset 14.png"></div>
<div class="element element8"><img src="images/Asset 13.png"></div>
<div class="element element15"><img src="images/Asset 4.png"></div>
<div class="allcardcontainers">
<div class="cardcontainer1">
<div class="cards1 card1-1"><img src="https://placehold.co/150x200" draggable="false"></div>
<div class="cards1 card2-1"><img src="https://placehold.co/150x200" draggable="false"></div>
<div class="cards1 card3-1"><img src="https://placehold.co/150x200" draggable="false"></div>
<div class="cards1 card4-1"><img src="https://placehold.co/150x200" draggable="false"></div>
</div>
<div class="cardcontainer2">
<div class="cards2 card1-2"><img src="https://placehold.co/150x200" draggable="false"></div>
<div class="cards2 card2-2"><img src="https://placehold.co/150x200" draggable="false"></div>
<div class="cards2 card3-2"><img src="https://placehold.co/150x200" draggable="false"></div>
<div class="cards2 card4-2"><img src="https://placehold.co/150x200" draggable="false"></div>
</div>
<div class="cardcontainer3">
<div class="cards3 card1-3"><img src="https://placehold.co/150x200" draggable="false"></div>
<div class="cards3 card2-3"><img src="https://placehold.co/150x200" draggable="false"></div>
<div class="cards3 card3-3"><img src="https://placehold.co/150x200" draggable="false"></div>
<div class="cards3 card4-3"><img src="https://placehold.co/150x200" draggable="false"></div>
</div>
</div>
</div>
</body>
</html>