-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
101 lines (100 loc) · 4.98 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
<!DOCTYPE html>
<html>
<head>
<title>Maljonha-Home</title>
<meta charset="utf-8">
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="./css/bootstrap.min.css">
<link rel="icon" href="./LogoIcons/Maljonha_Logo_icon-removebg-preview.png">
<link rel="stylesheet" href="./css/login.css">
<link rel="stylesheet" href="./CSS/indexstyles.css">
<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
<script src="./js/login.js"></script>
<script src="./js/index.js"></script>
</head>
<body>
<div class="container-fluid">
<header>
<nav class="navbar navbar-expand-sm navbar-dark bg-dark fixed-top">
<div class="col-md-4">
<div id="icon">
<img src="./LogoIcons/Maljonha_Logo_icon-removebg-preview.png" height="155px" alt="">
</div>
<div class="text-center" id="information">
<h2>MALJONHA</h2>
<h5>WHERE ART <br> IS ACTUALIZED!</h5>
</div>
</div>
<div class="collapse mb-0 h4 nav justify-content-end navbar-collapse" id="header" id="collapsibleNavbar">
<ul class="navbar-nav">
<li class="nav-item btn btn-outline-success">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item btn btn-outline-success">
<a class="nav-link" href="signup.html">Sign Up</a>
</li>
<li class="nav-item btn btn-outline-success">
<a class="nav-link" href="signup.html">Gallery</a>
</li>
<li class="nav-item btn btn-outline-success">
<a class="nav-link" href="about.html">About Us</a>
</li>
</ul>
</div>
</nav>
</header>
<section id="heading">
<h1>WELCOME TO ART MALJONHA GALLERIA</h1>
</section>
<section class="whatwe">
<div class="content">
<h2 class="whatwe-title">WHAT WE DO</h2>
<p> This is a platform where artists can provide their work and display it for all to see.</p>
<p>In the process we aim to allow artists to reach their audience without much difficulty and also aim to prevent swindlers from stealing art and presenting it as their own.</p>
<p>We aim to do this by monitoring any art projects and their origin before uploading them onto the platform.</p>
</div>
</section>
<section class="request">
<div class="content">
<br><br>
<h2>REQUESTS</h2>
<p>Feel free to request for art submission and purchase below.</p>
<form action="https://moringaschool.us6.list-manage.com/subscribe/post?u=ad983070a0b6d6140d8cb9cba&id=454aab6373"method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<label for="mce-FNAME">First Name</label>
<input type="text" class="slots" id="mce-FNAME" placeholder="First Name..." required>
<label for="mce-LNAME">Last Name</label>
<input type="text" class="slots" id="mce-LNAME" placeholder="Last Name..." required>
<label for="EMAIL">E-mail</label>
<input type="email" class="slots" name="EMAIL"id="mce-EMAIL" placeholder="Email..." required>
<p class="kindly">Kindly input details such as any publishers your work with, the location you are based in and additional information describing your request below.</p>
<label for="MESSAGE">Details</label>
<input type="text" name="MESSAGE "id="mce-MESSAGE" class="slots" placeholder="Message..." required>
<br><br>
<button id="SUBMIT" class="btn btn-default slots" type="submit">SUBMIT REQUEST</button>
</form>
</div>
</section>
<section class="contact">
<div class="content">
<h2>CONTACT US</h2>
<p class="makesure">Make sure to check out our social media for updates, news and art.</p>
<div class="contact-table">
<div class="row">
<div class="col-md-4 col-xs-4 ig" >
<img class="image" src="./indeximages/ig.png">
</div>
<div class="col-md-4 col-xs-4 fb" >
<img class="image" src="./indeximages/fb.png">
</div>
<div class="col-md-4 col-xs-4 twitter" >
<img class="image" src="./indeximages/twitter.png">
</div>
</div>
</div>
</div>
</section>
</div>
</body>
</html>