Commit 41261b05 authored by Mārcis Koloda's avatar Mārcis Koloda
Browse files

Initial commit

parents
@import url('https://fonts.googleapis.com/css?family=Mina|Patua+One');
/* Body */
body{
font-family: 'Mina', sans-serif;
background-image: url('../img/ps_neutral.png');
color: black;
}
/* NAVIGATION MENU */
nav{
text-align: center;
width: 50%;
display: block;
margin: 50px auto 2em auto;
box-sizing: border-box;
}
nav a{
font-family: 'Patua One', cursive;
padding: 1em;
font-size: 2em;
text-decoration: none;
color: black;
line-height: 2em;
box-sizing: border-box;
}
nav a:hover{
background-color: azure;
}
nav a.active{
border-bottom: solid 2px #483D8B;
}
/* MAIN CONTAINER */
main{
width: 60%;
margin: auto;
background-color: whitesmoke;
min-height: 300px;
padding: 1em;
border: solid 1px lightgray;
}
.grid{
display: grid;
grid-template-columns: auto auto auto;
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.center{
text-align: center;
}
.thanos{
color: rgb(102,51,153);
text-align: center;
}
/* PRODUCTS */
.product {
border: solid 1px grey;
text-align: center;
padding: 10px;
}
.product img{
height: 150px;
display: block;
margin: auto;
}
.product button{
width: 50%;
height: 30px;
border: none;
color: white;
font-weight: bold;
background-color: #20B2AA;
}
/* FOOTER */
footer{
text-align: center;
font-weight: bold;
}
<h1 class='thanos'>Error Page not found</h1>
\ No newline at end of file
<h3 class="center">This is single page javascript application!</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a ligula vel mauris elementum volutpat sit amet ac nulla. Aliquam nisi dui, ornare vel tempor vitae, malesuada sit amet nulla. Phasellus a leo eu dui vehicula maximus at vitae velit. Nulla diam mi, porta ut sapien nec, sodales tempor justo. Proin at hendrerit tortor. Curabitur mattis diam at purus laoreet bibendum. Curabitur laoreet non risus pulvinar vehicula. Sed feugiat diam pulvinar quam commodo ultricies.
Aenean vel est elementum, pharetra enim vitae, consectetur orci. Aliquam non interdum odio. Ut nec laoreet augue, ac laoreet ex. Quisque tempor maximus mattis. Donec metus tortor, tempor vitae dolor vel, malesuada dictum massa. Praesent at metus eget nunc dignissim hendrerit vitae eu metus. Donec sit amet nibh at eros maximus congue vitae ac nunc.
Suspendisse tempor mattis erat et consectetur. Nullam lorem mi, sollicitudin at facilisis a, dignissim vitae nulla. Pellentesque venenatis pellentesque justo sit amet consequat. Nam eros velit, auctor sit amet metus eget, ornare vehicula neque. In semper velit sapien, ac porttitor leo bibendum et. Nunc non congue purus. In justo nulla, pellentesque ut convallis eget, ultrices vitae ligula. Vivamus facilisis consectetur ultrices. Nulla laoreet, ex ut semper tincidunt, arcu sem porta odio, eget tincidunt est justo at erat. Pellentesque sagittis posuere lorem. Etiam vel eros magna. Phasellus et nunc ut nulla bibendum sagittis. Fusce convallis lobortis dui, at molestie nibh vulputate tincidunt.</p>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta encoding="utf-8">
<title>PC Stuff</title>
<meta name="author" content="Mārcis Koloda">
<meta name="description" content="HTML, CSS un JavaScript piemērs">
<link href="css/main.css" rel="stylesheet">
</head>
<body>
<!-- NAVIGATION MENU -->
<nav>
<a href="#home">Home</a>
<a href="#GPU">GPU's</a>
<a href="#CPU">CPU's</a>
<a href="#about">About</a>
</nav>
<main>
</main>
<footer>
&copy; Mārcis Koloda 2018
</footer>
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="js/nav.js"></script>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment