Skip to content

Ffionbranch #7

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 9 commits into
base: master
Choose a base branch
from
Open

Ffionbranch #7

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
03946cf
Update index.html
ffiplant Nov 11, 2019
05c64e9
Update index.html
ffiplant Nov 11, 2019
05e7f0f
new bits
ffiplant Nov 25, 2019
64ceafc
Update index.html
ffiplant Nov 25, 2019
3d235c3
Update index.html
ffiplant Nov 25, 2019
9c87880
new html docs etc
ffiplant Nov 25, 2019
8872870
css
ffiplant Nov 25, 2019
2eb2170
new css
ffiplant Nov 25, 2019
51d9622
Update index.html
ffiplant Dec 2, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added .DS_Store
View file
Open in desktop
Binary file not shown.
Empty file added about.html
View file
Open in desktop
Empty file.
21 changes: 21 additions & 0 deletions contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<link href="css/contact.css" rel="stylesheet">
</head>
<body>
<h2>Send an e-mail to [email protected]:</h2>

<form action="mailto:[email protected]" method="post" enctype="text/plain">
Name:<br>
<input type="text" name="name"><br>
E-mail:<br>
<input type="text" name="mail"><br>
Comment:<br>
<input type="text" name="comment" size="50"><br><br>
<input type="submit" value="Send">
<input type="reset" value="Reset">
</form>

</body>
</html>
10 changes: 10 additions & 0 deletions css/contact.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
h2{
color: #ff6600;
font-size: 3.5rem;
}
body {
background-color:#ccff66;
}
h2{
font-family:sans-serif;
}
12 changes: 11 additions & 1 deletion css/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,4 +4,14 @@ body {
.starter-template {
padding: 3rem 1.5rem;
text-align: center;
}
}
h1{
color: pink;
font-size: 6.5rem;
}
.btn{
background-color: orange;
}
body {
background-color: lightblue;
}
Empty file added facts.html
View file
Open in desktop
Empty file.
Binary file added images/BIRD1.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
67 changes: 55 additions & 12 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,9 +6,9 @@
<meta name="description" content="">
<meta name="author" content="">

<title>Starter Template for Bootstrap</title>
<title>WiLDLiFe on Mother Earth</title>

<!-- ADD BOOTSTRAP CORE HERE!!!! -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<!-- Custom styles for this template -->
<link href="css/styles.css" rel="stylesheet">
Expand All @@ -17,21 +17,21 @@
<body>

<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
<a class="navbar-brand" href="#">Navbar</a>
<a class="navbar-brand" href="index.html">WOOOOOOOO WEBSITE</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" id="navbarsExampleDefault">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
<a class="nav-link" href="about.html">about <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
<a class="nav-link" href="facts.html">facts that will blow ur mind</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Another Link</a>
<a class="nav-link" href="contact.html">give us a shout</a>
</li>
</ul>
</div>
Expand All @@ -40,26 +40,69 @@
<main role="main" class="container">

<div class="starter-template">
<h1>Bootstrap starter template</h1>
<p class="lead">Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</p>
<h1>WiLDLiFe ToP HItZ</h1>
<button type="button" title="hoverhover" class="btn btn-info">BLUE-FACED MONKEY</button>
<button type="button" title="hoverhover" class="btn btn-info">BROWN BEAR</button>
<button type="button" title="hoverhover" class="btn btn-info">SUMATRAN RHINO</button>
<p class="lead">This is a nice cute website that definately won't harvest your data.<br> I hope u enjoy n have a nice time explorin .</p>
</div>
<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="/images/BIRD1.jpg"
</div>
<div class="carousel-item">
<img class="d-block w-100" src=".../800x400?auto=yes&bg=666&fg=444&text=Second slide" alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src=".../800x400?auto=yes&bg=555&fg=333&text=Third slide" alt="Third slide">
</div>
</div>
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="https://www.nationalgeographic.com/content/dam/magazine/rights-exempt/2011/02/monkeys/01-golden-snub-nosed-monkey.ngsversion.1505400109286.adapt.1900.1.jpg" text=First slide" alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="https://chainimage.com/images/animals-full-hd-wallpapers-hd-1080p-1980x1080-high-quality.jpg" text=Second slide" alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="http://i.huffpost.com/gen/1146931/images/o-SUMATRAN-RHINO-facebook.jpg" text=Third slide" alt="Third slide">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>

<!-- columns -->
<div class="row">
<div class="col-sm">
<!-- add an image here -->
One of three columns
</div>
<div class="col-sm">
<!-- add an image here -->
One of three columns
</div>
<div class="col-sm">
<!-- add an image here -->
One of three columns
</div>
</div>

<main role="main" class="container">
<div class="row">
<div class="col-sm">
<img src="http://www.duskyswondersite.com/wp-content/uploads/2015/02/birds-Silver-Breasted-Broadbill-It-is-found-in-Bangladesh-Bhutan-Cambodia-China-India-Indonesia-Laos-Malaysia-Myanmar-Nepal-Thailand-and-Vietnam..jpg">
</div>
<div class="col-sm">
<!-- add an image here -->
</div>
</div>

<!-- Add another row here -->
</main><!-- /.container -->

Expand Down