-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlandingpage.html
167 lines (157 loc) · 6.61 KB
/
landingpage.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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content=
"width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="landingpage.css">
<title>Landing Page</title>
</head>
<body>
<nav>
<div class="heading">Landing Page</div>
<span class="sideMenuButton"
onclick="openNavbar()">
☰
</span>
<div class="navbar">
<ul>
<li><a href="#Home">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Sign Up</a></li>
</ul>
</div>
</nav>
<!-- Side navigation bar for
responsive website -->
<div class="sideNavigationBar"
id="sideNavigationBar">
<a href="#" class="closeButton"
onclick="closeNavbar()">
❌
</a>
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Sign Up</a>
</div>
<!-- Content -->
<div class="line" id="Home">
<div class="side1">
<h1>Pinterest</h1>
<button>
<a href=
"https://in.pinterest.com/pinterest/">
Explore More
</a>
</button>
</div>
<div class="side2">
<img src=
"https://i.pinimg.com/564x/a5/4b/f4/a54bf4dddd898c6172beda106217d3d0.jpg"
width="500">
</div>
</div>
<section class="about" id="My Projects">
<div class="content">
<div class="title">
<span></span>
</div>
<div class="boxes">
<div class="box">
<div class="topic">
<a href="" target="_blank">
HOME
</a>
</div>
<p>
The Home section is your personal feed where inspiration blooms. It’s a curated space filled with Pins from the boards you follow, suggestions based on your activity, and Pins from users whose tastes align with yours. It’s a dynamic tapestry of ideas, where fresh content appears each time you visit, offering endless inspiration for your next project, style upgrade, or recipe adventure.
</p>
</div>
<div class="box">
<div class="topic">
<a href="" target="_blank">
CREATE
</a>
</div>
<p>
The Create section is your canvas for imagination on Pinterest. It’s where you bring your ideas to life, crafting new Pins that showcase your creativity. Whether it’s a step-by-step DIY guide, a mouthwatering recipe, or a stunning photograph, this is the space to share your content with the world. It’s not just about posting; it’s about contributing to the community’s pool of creativity.
</p>
</div>
<div class="box">
<div class="topic">
<a href="" target="_blank">
EXPLORE
</a>
</div>
<p>
The Saved section is your personal collection of wonders on Pinterest. It’s an organized haven where you store your favorite finds, from the practical to the fantastical. Here, you categorize your aspirations, plans, and dreams into boards, making it easy to revisit and share. It’s your digital scrapbook, a visual archive of the things that spark joy and ignite your passion.
</p>
</div>
</div>
</div>
</section>
<section class="contact" id="contact">
<div class="content">
<div class="title"><span>Sign Up</span></div>
<div class="contactMenu">
<div class="input1">
<div class="label1">Your Name</div>
<div class="input2">
<input type="text"
placeholder="Enter your Name here">
</div>
<div class="label1">
<label>Your Email</label>
</div>
<div class="input2">
<input type="text"
placeholder="Enter your Email here">
</div>
<div class="label1">
<label>Your Password</label>
</div>
<div class="input2">
<input type="text"
placeholder="Enter your Password here">
</div>
<div class="button">
<button>Sign Up</button>
</div>
</div>
<div class="input3">
<div class="rightside1">
<div class="title1">
<span>
Contact Us
</span>
</div>
<div class="content1">
KIIT UNIVERSITY, BHUBANESHWAR
</div>
<div class="title1">
<span>More Information</span>
</div>
<div class="content1">
Pinterest is an American image sharing and social media service designed to enable saving and discovery of information (specifically "ideas") like recipes, home, style, motivation, and inspiration on the internet using images and, on a smaller scale, animated GIFs and videos, in the form of pinboards. Created by Ben Silbermann, Paul Sciarra, and Evan Sharp, Pinterest, Inc. is headquartered in San Francisco.
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer section -->
<footer>
<div class="footer">
<span>
Landing page of :
<a href="https://in.pinterest.com/pinterest/"
target="_blank">
Pinterest
</a>
</span>
</div>
</footer>
<script src="landingpage.js"></script>
</body>
</html>