33 lines
2.2 KiB
HTML
33 lines
2.2 KiB
HTML
|
<!DOCTYPE HTML>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<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=Poppins&display=swap" rel="stylesheet">
|
||
|
|
<link rel="stylesheet" href="scattergun.css" />
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>Scattergun</title>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<img src="scout.jpg" />
|
||
|
|
<h1>Scattergun</h1>
|
||
|
|
<p>Hello and welcome to this example of the <span class="technology">Scattergun</span> CSS template designed to let you show off your insane technical skills in a <span class="technology">personal website</span>, <span class="technology">professional portfolio</span>, or <span class="technology">profile webpage</span> amongst other things.</p>
|
||
|
|
|
||
|
|
<p><span class="technology">Scattergun</span> has a clean, readable, and human style which makes your next showcase website <span class="technology">beautiful</span> and <span class="technology">slick</span> at the same time and allows you to use tags to make the names of technologies you use pop. Whether your comfort language is <span class="technology">PHP</span>, <span class="technology">Haskell</span>, or <span class="technology">Rust</span>: you can be sure recruiters and passerbys are aware at a glance of what you can do well.</p>
|
||
|
|
|
||
|
|
<h2>Portfolio work</h2>
|
||
|
|
<p class="indent"><a href="#" id="link">Dustbunny</a>, an <span class="technology">RSS feed aggregator</span> written in <span class="technology">PHP</span> utilising <span class="technology">Laravel</span>.</p>
|
||
|
|
<p class="indent"><a href="#" id="link">Pingmonster</a>, a <span class="technology">Discord bot</span> created in <span class="technology">Python</span> which pings users on important events like news and weather by utilising <span class="technology">APIs</span>.</p>
|
||
|
|
|
||
|
|
<h2>What makes Scattergun great?</h2>
|
||
|
|
<p class="indent">No JavaScript required!</p>
|
||
|
|
<p class="indent">Simple and easy to use!</p>
|
||
|
|
<p class="indent">Readable and modern looking!</p>
|
||
|
|
<p class="indent">Open source!</p>
|
||
|
|
|
||
|
|
<p class="footer">An example of a footer! This website uses the <a href="https://git.colean.cc/threeoh6000/scattergun">Scattergun CSS template</a>.</p>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
|