forked from Sanchit-Pro/web-wizard-site
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (125 loc) · 5.4 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
<!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">
<!-- importing style.css -->
<link rel="stylesheet" href="./static/css/style.css">
<!-- google fonts import -->
<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=Philosopher:wght@300;400;700&family=Raleway:wght@400;500;600;700&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500&display=swap" rel="stylesheet">
<title>Web Wizard: GDSC</title>
</head>
<body>
<div class="bg_container">
<nav class="navbar">
<div class="nav_links">
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Contact Us</a>
<a href="#">Support</a>
</div>
<div class="nav_buttons">
<button class="sign_up_button">Sign Up</button>
<img src="./static/img/usericon.svg" alt="loading">
</div>
</nav>
<div class="landing">
<div class="landing_title">
<div class="landing_title_main">Lörem ipsum mer ultrask</div>
<div class="landing_title_sub">Lörem ipsum mer ultrask hyposk, miska än tranerade. Diling monohönera pora
bebinera, pack. Prelig ode, monogt
serar.
Hoholedes</div>
<div class="landing_title_buttons">
<button>Login <img src="/static/img/right_arrow_black.svg" alt="loading"></button>
<button class="button_nobg">More <img src="/static/img/right_arrow.svg" alt="loading"></button>
</div>
</div>
</div>
<div class="blur_gradient"></div>
</div>
<div class="content">
<div class="card_container">
<div class="card_img">
<img src="./static/img/orb.svg" alt="loading">
</div>
<div class="card_text">
<p class="card_title">The Orb of Megicula</p>
<p class="card_description">Lörem ipsum mer ultrask hyposk, miska än tranerade. Diling monohönera pora bebinera,
pack. Dinat teling.
Berån pott. Benade pres yn.
Sor kvasikilig i trav. Lan kvasilögisk. Pomyligen bissa sede yrar gigasm. Ysade fenade kawaii. Prelig ode,
monogt serar.
Hoholedes hypomöment medan kartad polågen mikrotiktigt. Dende veganisera är vinas bästsäljerism. Skynka igisk
mar om bemeliga lande. Misa trende plalelingar merade dekas. Regt tylåligen eftersom bede.
Fibes fydogt fide men låren. Episkap preskapet synlogi mjuta. Mobilvirus förstärkt verklighet var trira.
Terana deng i syfon mövörade plal. Lål pelör der plamosade, att jijibäling.
Nelig famod i ont. Beving lokator tevis det vill säga spefodat. Dyledes dor ektig tesa: tigt. Virunade nese,
fast kontralåbel.</p>
</div>
</div>
<div class="card_container card_container_reverse">
<div class="card_img">
<img src="./static/img/orb2.svg" alt="">
</div>
<div class="card_text">
<p class="card_title">The Orb of Atredis</p>
<p class="card_description">Lörem ipsum mer ultrask hyposk, miska än tranerade. Diling monohönera pora bebinera,
pack. Dinat teling.
Berån pott. Benade pres yn.
Sor kvasikilig i trav. Lan kvasilögisk. Pomyligen bissa sede yrar gigasm. Ysade fenade kawaii. Prelig ode,
monogt serar.
Hoholedes hypomöment medan kartad polågen mikrotiktigt. Dende veganisera är vinas bästsäljerism. Skynka igisk
mar om bemeliga lande. Misa trende plalelingar merade dekas. Regt tylåligen eftersom bede.
Fibes fydogt fide men låren. Episkap preskapet synlogi mjuta. Mobilvirus förstärkt verklighet var trira.
Terana deng i syfon mövörade plal. Lål pelör der plamosade, att jijibäling.
Nelig famod i ont. Beving lokator tevis det vill säga spefodat. Dyledes dor ektig tesa: tigt. Virunade nese,
fast kontralåbel.</p>
</div>
</div>
</div>
<div class="footer">
<h2>Gredric Shallowwater shop of wizardry antiques</h2>
<div class="main-container">
<div class="container1">
<div class="container1-upper">
<h3>Need Help ?</h3>
<p>Lörem ipsum mer ultrask hyposk, miska än tranerade. Diling monohönera pora bebinera, pack. Dinat teling. Berån pott. Benade pres yn.
Sor kvasikilig i trav. Lan kvasilögisk.</p>
</div>
<div class="container1-lower">
<a href="#"><img src="./static/img/footer/linkedin.svg"/></a>
<a href="#"><img src="./static/img/footer/facebook.svg"/></a>
<a href="#"><img src="./static/img/footer/github.svg"/></a>
<a href="#"><img src="./static/img/footer/instagram.svg"/></a>
<a href="#"><img src="./static/img/footer/twitter.svg"/></a>
</div>
</div>
<div class="container2">
<h3>About</h3>
<a href="#">Our Staff</a>
<a href="#">Timeline</a>
<a href="#">Spell Books</a>
<a href="#">Brand kit</a>
</div>
<div class="container3">
<h3>Services</h3>
<a href="#">One</a>
<a href="#">Two</a>
<a href="#">Three</a>
</div>
<div class="container4">
<h3>Other</h3>
<a href="#">One</a>
<a href="#">Two</a>
</div>
</div>
</div>
</body>
</html>