-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
34 lines (31 loc) · 2.04 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<title>Logo Wall</title>
<link href="/styles.css" rel="stylesheet">
<link rel="icon" type="image/png" href="favicon.png"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="bg-color">
<div class="flex-container">
<img src="/logowall.png" alt="Logowall">
<h4>Logo wall</h1>
</div>
<h2>Make a beautiful logo wall in seconds</h2>
<div id="powered-by">Logos by <a href='https://clearbit.com' target='blank'>Clearbit</a></div>
<form id="textareaForm">
<textarea name='textarea' rows='3' cols='80' required placeholder='Type / paste in some websites on separate lines to get started...'></textarea>
<br><input class="button" type="submit">
<button class ="button" id="clearButton">Clear</button>
<label class='checkbox'><input type="checkbox" id="greyscale" unchecked> Greyscale</label>
</form>
</div>
<div id='logos' class='flex-container'></div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
<script src="app.js"></script>
</body>
</html>