-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
132 lines (106 loc) · 3.97 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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Design Hub</title>
<link rel="stylesheet" href="Design Hub-Home.css" />
<link
href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap"
rel="stylesheet"
/>
</head>
<body>
<!-- NAVBAR SECTION -->
<nav>
<span class="name">JUST/DEEN</span>
<div class="float"><a href="#exp">Explore</a></div>
</nav>
<!-- END OF NAVBAR SECTION -->
<h1>Welcome to Photopedia</h1>
<!-- BRIEF DESCRIPTION ABOUT WEBSITE -->
<section class="sec">
<div class="cont">
<div class="info">
<b>WELCOME</b> to the <b>CREATIVE HUB,</b> where
<b>UI DESIGNERS, GRAPHIC DESIGNERS,</b> and visual artists come to
find <b>INSPIRATION</b> and ignite their imagination.
</div>
<section class="sec1">
<div class="fit"><img src="Pedia/web7.png" alt="" /></div>
<div class="go"><b>Web Design</b></div>
</section>
<section class="sec1">
<div class="fit"><img src="Pedia/M2.jpg" alt="" /></div>
<div class="go"><b>Mobile Design</b></div>
</section>
<section class="sec1">
<div class="fit"><img src="Pedia/G6.png" alt="" /></div>
<div class="go"><b>Graphic Design</b></div>
</section>
</div>
</section>
<!-- ABOUT THE CURATOR -->
<section class="sec2">
<h1>About</h1>
<p>Curator of Photopedia</p>
<div class="img"><img src="Pedia/ME.JPG" alt="" /></div>
<div class="me">
Hello, I'm Sheriffdeen. As the Curator of this platform, I'm a full
stack web developer in prospect, with a strong appreciation for the
power of visual communication. I created this website to help designers
and developers like you find the creative spark needeed to produce
innovtive and impactful work. Even as I'm learning and growing in this
field, I understand how essential it is to have access to a diverse
collection of images that can ignite new ideas. I'm excited to share
this resource with you and hope it becomes your go-to source for visual
inspiration.
</div>
</section>
<section class="sec3">
<h1>My Featured Designs</h1>
<div class="cont">
<section class="sec1">
<div class="fit"><img src="Pedia/G4.png" alt="" /></div>
</section>
<section class="sec1">
<div class="fit"><img src="Pedia/G5.png" alt="" /></div>
</section>
<section class="sec1">
<div class="fit"><img src="Pedia/G6.png" alt="" /></div>
</section>
</div>
</section>
<!-- ANCHOR TAGS FOR LINKED WEBPAGES -->
<div class="exp" id="exp">
Explore <i class="fa fa-arrow-circle-o-down" aria-hidden="true"></i>
</div>
<div class="anch1">
<a href="Design Hub.html">Web Design</a>
<a href="Design Hub 3.html">Mobile Design</a>
<a href="Design Hub 2.html" class="fix">Graphic Design</a>
</div>
<!-- COPYRIGHT-->
<div class="copyright">
<p>
Copyright <i class="fa fa-copyright" aria-hidden="true"></i> Sheriff.
</p>
</div>
<!-- SCRIPT FOR CLEARING HASH IN URL -->
<script>
if ("scrollRestoration" in history) {
history.scrollRestoration = "manual";
}
</script>
</body>
</html>