More patterns, and basically finished index.html
This commit is contained in:
parent
75ba99b337
commit
677f0c03a7
@ -1,5 +1,3 @@
|
||||
<! This is for CNTRL C and CNTRL Ving the fundimentals for this website. Do not actually link this page to any website -Rekai !>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
@ -3,9 +3,14 @@ body {
|
||||
margin-top: 50px;
|
||||
}
|
||||
.jumbotron {
|
||||
text-align: center;
|
||||
text-align: left;
|
||||
color: darkkhaki;
|
||||
background-image: url(../patterns/silver_scales.png);
|
||||
}
|
||||
.navbar {
|
||||
background-image: url(../patterns/grey_@2X.png);
|
||||
}
|
||||
.footer {
|
||||
color: beige;
|
||||
text-align: center;
|
||||
}
|
||||
111
index.html
111
index.html
@ -1,60 +1,73 @@
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="alltra101ify">
|
||||
<link rel="icon" href="favicon.ico">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="alltra101ify">
|
||||
<link rel="icon" href="favicon.ico">
|
||||
<title>Rekking IT</title>
|
||||
|
||||
<title>Rekking IT</title>
|
||||
|
||||
<!-- Bootstrap core CSS -->
|
||||
<link href="css/bootstrap.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Custom styles for this template -->
|
||||
<link href="css/custom.css" rel="stylesheet">
|
||||
|
||||
<!-- Font awesome -->
|
||||
<link rel="stylesheet" href="fonts/font-awesome-4.4.0/css/font-awesome.min.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="navbar navbar-fixed-top">
|
||||
<div class="container-fluid">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<!-- Bootstrap core CSS -->
|
||||
<link href="css/bootstrap.min.css" rel="stylesheet">
|
||||
<!-- Custom styles for this template -->
|
||||
<link href="css/custom.css" rel="stylesheet">
|
||||
<!-- Font awesome -->
|
||||
<link rel="stylesheet" href="fonts/font-awesome-4.4.0/css/font-awesome.min.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
</div>
|
||||
<div class="navbar navbar-fixed-top">
|
||||
<div class="container-fluid">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="#">Rekking IT</a>
|
||||
</button>
|
||||
<a class="navbar-brand" href="#">Rekking IT</a>
|
||||
</div>
|
||||
<div id="navbar" class="collapse navbar-collapse navbar-right">
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#about">About</a></li>
|
||||
<li><a href="#contact">Contact</a></li>
|
||||
<li><a href="blog.html">Recent News</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--/.nav-collapse -->
|
||||
</div>
|
||||
<div id="navbar" class="collapse navbar-collapse navbar-right">
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#about">About</a></li>
|
||||
<li><a href="#contact">Contact</a></li>
|
||||
<li><a href="blog.html">Recent News</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="jumbotron" style="background-image: url(../patterns/Circuit Pattern Source File.psd);">
|
||||
<div class="container">
|
||||
<h1>We are Rekking IT!</h1>
|
||||
<p>The business that is rekking all other IT companies.<br>What we do:<br>We Rekk GeekSquad in terms of service. We fix your computer faster than the competitors.</p>
|
||||
<p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more »</a></p>
|
||||
</div>
|
||||
<!--/.nav-collapse -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="alert alert-warning alert-dismissible" role="alert">
|
||||
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||
<strong>Warning!</strong> Be careful, this site is under construction!
|
||||
</div>
|
||||
<div class="jumbotron" style="background-image: url(../patterns/Circuit Pattern Source File.psd);">
|
||||
<div class="container">
|
||||
<h1>We are Rekking IT!</h1>
|
||||
<p>The business that is rekking all other IT companies.<br>What we do:<br>We Rekk GeekSquad in terms of service. We fix your computer faster than the competitors.</p>
|
||||
<p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more »</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container" id="footer">
|
||||
<div class="container" id="footer">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<p class="footer">We have been defeating GeekSquad and all other IT companies because of our amazing service. We cover anything from virus issues, to network administration setup and aide.</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="footer">
|
||||
<i class="fa fa-black-tie fa-5x"></i>
|
||||
</div>
|
||||
<p class="footer">We have a wide range of support, including everyday technical difficulties for free such as dealing with a font issue, formatting issue, partitions, etc. We will also answer basic questions too. We will help with operating systems and such!</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="footer">
|
||||
<i class="fa fa-hand-paper-o fa-5x"></i>
|
||||
</div>
|
||||
<p class="footer">
|
||||
By the way, if you've somehow found this website by any means other than typing in the address, such as Google, or Bing, you should realize that this is mearly a school project and not an actual IT comany at all. Please refrain from actually calling the business and/or submitting any actual complaints.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Bootstrap core JavaScript
|
||||
|
||||
BIN
patterns/silver_scales.png
Normal file
BIN
patterns/silver_scales.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 289 B |
BIN
patterns/silver_scales_@2X.png
Normal file
BIN
patterns/silver_scales_@2X.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
BIN
patterns/squared_metal.png
Normal file
BIN
patterns/squared_metal.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
patterns/squared_metal_@2X.png
Normal file
BIN
patterns/squared_metal_@2X.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Loading…
Reference in New Issue
Block a user