Web-Development/Hex_Color_Application/index.html at main · GHubPythonProjects/Web-Development · GitHub

27 lines (24 loc) · 879 Bytes

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

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">

<link rel="shortcut icon" type="image/png" href="colors.png" />

<link rel="stylesheet" href="style.css">

<title>Hex Colors</title>

</head>

<body>

<main>

<div class="container">

<div id="hex-colors">

<h1>Click the button bellow to generate a random gradient hex color combination</h1>

<h2>background: linear-gradient(to right, #<span id="hexcode1">ffffff</span>, #<span id="hexcode2">ffffff</span>);

</h2>

<button id="submit" class="btn btn-light">Click Me</button>

</div>

</div>

</main>

<script src="script.js"></script>

</body>

</html>