-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
121 lines (109 loc) · 5.98 KB
/
contact.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Application for ALX Software Engineering program | Quotes</title>
<link href="https://alx-apply.hbtn.io/level2/school.css" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
<script src="behavior.js"></script>
</head>
<body class="container" id="body" class="works_on_smartphone">
<div class="colorit">
<header>
<div class="right"><a href="https://twitter.com/Solemn84190176?ref_src=twsrc%5Etfw"
class="twitter-follow-button" data-show-screen-name="false" data-show-count="false">Follow
@Solemn84190176</a>
<script async src="https://platform.twitter.com/widgets.js"></script>
</div>
<nav>
<ul>
<li class="logo">❂</li>
<li><a href="index.html">HOME</a></li>
<li> <a href="tweet.html">TWEET</a></li>
<li> <a href="quotes.html">QUOTES</a></li>
<li class="current"> <a href="facts.html">FACTS</a></li>
</ul>
</nav>
</header>
<main class="container" id="main">
<article class="content">
<h1>Did you Know?</h1>
<div class="all-content">
<div class="quotes quote" id="quote">
<p>The 1939 novel Gadsby is the longest book ever published that doesn't contain the letter 'e.'
</p>
<img src="https://i0.wp.com/bestlifeonline.com/wp-content/uploads/2019/02/Gadsby-book-cover.jpg?resize=500%2C760&ssl=1"
alt="">
</div>
<div class="quotes quote" id="quote">
<p>The first item sold on eBay was a broken laser pointer.</p>
<img src="https://i1.wp.com/bestlifeonline.com/wp-content/uploads/media/images/ext/954887384/ebay.jpg?resize=500%2C368&ssl=1"
alt="">
</div>
<div class="quotes quote" id="quote">
<p>The longest place name in the world is 85 letters long.</p>
<img src="https://i0.wp.com/bestlifeonline.com/wp-content/uploads/2019/07/longest-place-name.jpg?resize=500%2C333&ssl=1"
alt="">
</div>
<div class="quotes quote" id="quote">
<p>Bubble wrap was originally invented as wallpaper.</p>
<img src="https://i0.wp.com/bestlifeonline.com/wp-content/uploads/media/images/ext/883129305/pop-bubble-wrap.jpg?resize=500%2C368&ssl=1"
alt="">
</div>
<div class="quotes quote" id="quote">
<p>Santa Claus was given an official pilot's license in 1927.</p>
<img src="https://i2.wp.com/bestlifeonline.com/wp-content/uploads/2018/11/sleigh.jpg?resize=500%2C331&ssl=1"
alt="">
</div>
<div class="quotes" id="quote">
<p>Einstein's brain was stolen when he died by pathologist <strong>Thomas Harvey</strong></p>
<img src="https://i1.wp.com/bestlifeonline.com/wp-content/uploads/2018/11/albert-einstein.jpg?resize=500%2C375&ssl=1"
alt="">
</div>
</div>
<hr>
<p class="paint">Want to see something aweseome? Click the image below</p>
<div class="img-resize">
<img src="https://images.unsplash.com/photo-1469833120660-1a218b53d28a?ixid=MnwxMjA3fDB8MHxzZWFyY2h8Njd8fHdpZGV8ZW58MHx8MHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60"
alt="large image" class="small" id="smart_thumbnail">
</div>
<section class="join">
<h3>Join me today on the adventure by simply clicking the image:</h3>
<div class="img">
<a href="https:alxafrica.com" target="_blank">
<img src="https://alx-apply.hbtn.io/brand_alx/alx-logo.png" alt="image of ALX">
</a>
</div>
</section>
</article>
<aside>
<div id="disqus_thread"></div>
<script>
/**
* RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
* LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables */
/*
var disqus_config = function () {
this.page.url = PAGE_URL; // Replace PAGE_URL with your page's canonical URL variable
this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
};
*/
(function () { // DON'T EDIT BELOW THIS LINE
var d = document, s = d.createElement('script');
s.src = 'https://alxapply.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments
powered by
Disqus.</a></noscript>
</aside>
</main>
<footer>
<p>Made by David Aboje for <a href="https://alx-apply.hbtn.io" target="_blank">ALX</a></p>
</footer>
</div>
</body>
</html>