Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@therealfuntimeswithdanny
therealfuntimeswithdanny authored Aug 12, 2024
1 parent 9ef0f9e commit f159894
Show file tree
Hide file tree
Showing 10 changed files with 1,728 additions and 0 deletions.
Binary file added Screenshot 2024-06-06 173720.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
135 changes: 135 additions & 0 deletions about.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,135 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>About Me MBD</title>
<link rel="icon" type="image/x-icon" href="icon.png">
<meta charset="utf-8">
<meta name="viewpoint" content="width=device-width, initial-scale=1">
<style>
body{
background-color: #32c4f9;
}
*{
box-sizing: border-box;
}

body{
margin: 7;
}

/* style the header */
.header{
background-color: #f37362;
padding: 20px;
text-align: center;
}
/* style the top nav */
.topnav{
overflow: hidden;
background-color: #f3ce73;
}

/* style the topnav links */
.topnav a {
float: left;
display: block;
color:#f37362;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

/* change color on hover */
.topnav a:hover {
background-color: #32c4f9;
color: #f37362;
}

/* Create three unequal columns that floats next to each other */
.column {
float: left;
padding: 10px;
}

/* Left and right column */
.column.side7 {
width: 66%;
}

/* Middle column */
.column.middle7 {
width: 33%;
}

/* active */
.active {
background-color: #2decb7;
}

/* card */
.card{
background-color: #fe7362;
padding: 7px 10px;
margin-top: 3px;
}

/* style the floter */
.floter{
background-color: #f3ce73;
padding: 20px;
text-align: center;
}
/* clear floats after the colums */
.row::after{
content: "";
display: table;
clear: both;
}

/* layout */
@media screen and (max-width: 600px) {
.column.side, .column.middle {
width: 100%;
}
}

</style>
</head>
</html>
<body>
<div class="header">
<h1>About Danny</h1>
<h3>Learn About Me </h3>
</div>

<div class="topnav">
<a href="index.html">Home</a>
<a class="active" href="about.html">About Me</a>
<a href="blog.html">Blog</a>
<a href="video.html">Videos</a>
<a href="photo.html">Photos</a>
<a href="info.html">Site Info</a>
<a href="cad.html">Cad (New)</a>
<a href="info.html" style="float:right"> V 1.4 (BETA)</a>
</div>

<div class="row">
<div class="column middle7">
<div class="card">
<iframe src="https://sk.pcpartpicker.com/b/4Phtt6" style="height:200px;width:500px;" title="Iframe Example"></iframe>

</div>
</div>

<div class="column side7">
<div class="card">
<h2>About Me</h2>
<p>Hello i can see that you have found my litile website that i have coded my self.<br>My name is Danny that's why the site is called "Made By Danny"<br></p>
<p>I have all was had a intrest in tech. At the age of 11 i build my own computer (specs to the left) that i named "Billy".<br> When i just truned 12 i became the ower of madebydanny.uk(Cloudflare) and stared codeing this website.</p>
</div>
</div>
<div class="floter">
<h1>madebydanny.uk</h1>
<h3> <a href="info.html">View site Files On Github</a> | Copyright 2024 MBD Team | Hosted in Cloudflare Pages</h3>
</div>
</body>
236 changes: 236 additions & 0 deletions blog.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,236 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Blog MBD</title>
<link rel="icon" type="image/x-icon" href="icon.png">
<meta charset="utf-8">
<meta name="viewpoint" content="width=device-width, initial-scale=1">
<style>
body{
background-color: #32c4f9;
}
*{
box-sizing: border-box;
}

body{
margin: 7;
}

/* style the header */
.header{
background-color: #fe7362;
padding: 20px;
text-align: center;
}

/* style the devider */
.dived{
background-color: #2decd7;
padding: 10px;
text-align: center;
}

/* style the top nav links */
.topnav a {
float: left;
display: block;
color:#fe7362;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

/* style the top nav */
.topnav{
overflow: hidden;
background-color: #f3ce73;
}

/* change color on hover */
.topnav a:hover {
background-color: #32c4f9;
color: #fe7362;
}

/* active */
.active{
background-color: #2decd7;
}

/* card */
.card {
background-color: #fe7362;
padding: 7px 10px;
margin-top: 3px;
}

/* make two top columns */
.column {
float: left;
padding: 10px;
}

/* left column */
.column.left1 {
width: 25%;
}

/* right column */
.column.right1 {
width: 35%;
}

/* Create three equal columns that floats next to each other */
.column2 {
float: left;
width: 33.33%;
padding: 15px;
}

/* style the floter */
.floter{
background-color: #f3ce73;
padding: 20px;
text-align: center;
}

h2 {
text-align: center;
}
h4 {
text-align: center;
}
h2 {
color: black;
}
h4 {
color: black;
}

/* make four colums */
.column3 {
float: left;
width: 25%;
padding: 15px;
}

/* clear floats after the colums */
.row::after{
content: "";
display: table;
clear: both;
}

/* layout */
@media screen and (max-width: 600px) {
.column.side, .column.middle {
width: 100%;
}
}

</style>
</head>
</html>
<body>

<div class="header">
<h1>Blog By Danny</h1>
<h3> A small website Made by Danny with a twist.</h3>
</div>

<div class="topnav">
<a href="index.html">Home</a>
<a href="about.html">About Me</a>
<a class="active" href="blog.html">Blog</a>
<a href="video.html">Videos</a>
<a href="photo.html">Photos</a>
<a href="info.html">Site Info</a>
<a href="cad.html">Cad (New)</a>
<a href="info.html" style="float:right"> V 1.4 (BETA)</a>
</div>

<div class="row">
<div class="column left1">
<div class="card">
<h1> My Blog</h1>
<p>This is my blog this has all my projects, this will be log about my projects.<br> I recomend watching the video that is tied to blog first.</p>

</div>
</div>
<div class="column right1">
<div class="card">
<h2> Your old laptop is your new monitor.</h2>
<h4>Learn how to turn your old divces into a monitor.</h4>
<iframe src="blog1.htm" style="height:300px;width:500px;" style="border:3px solid #f3ce73;" title="blog 1"></iframe>
</div>
</div>
<div class="column right1">
<div class="card">
<h2>Scamers beware</h2>
<h4>Get your own custom email</h4>
<iframe src="blog2.htm" style="height:300px;width:500px;" style="border:3px solid #f3ce73;" title="blog 1"></iframe>
</div>
</div>
</div>
<div class="dived">
<H1>All post</H1>
<h3>View all my post</h3>
</div>
<div class="row">
<div class="column2">
<div class="card">
<h2><a href="blog.html">Title</a></h2>
<h4><a href="blog.html">Info</a></h4>
<iframe src="blog2.htm" style="height:300px;width:500px;" style="border:3px solid #f3ce73;" title="blog 1"></iframe>
</div>
</div>
<div class="column2">
<div class="card">
<h2><a href="blog.html">Title</a></h2>
<h4><a href="blog.html">Info</a></h4>
<iframe src="blog2.htm" style="height:300px;width:500px;" style="border:3px solid #f3ce73;" title="blog 1"></iframe>
</div>
</div>
<div class="column2">
<div class="card">
<h2><a href="blog.html">Title</a></h2>
<h4><a href="blog.html">Info</a></h4>
<iframe src="blog2.htm" style="height:300px;width:500px;" style="border:3px solid #f3ce73;" title="blog 1"></iframe>
</div>
</div>
</div>
<div class="row">
<div class="column3">
<div class="card">
<h2><a href="blog.html">Title</a></h2>
<h4><a href="blog.html">Info</a></h4>
<iframe src="blog2.htm" style="height:300px;width:400px;" style="border:3px solid #f3ce73;" title="blog 1"></iframe>
</div>
</div>
<div class="column3">
<div class="card">
<h2><a href="blog.html">Title</a></h2>
<h4><a href="blog.html">Info</a></h4>
<iframe src="blog2.htm" style="height:300px;width:400px;" style="border:3px solid #f3ce73;" title="blog 1"></iframe>
</div>
</div>
<div class="column3">
<div class="card">
<h2><a href="blog.html">Title</a></h2>
<h4><a href="blog.html">Info</a></h4>
<iframe src="blog2.htm" style="height:300px;width:400px;" style="border:3px solid #f3ce73;" title="blog 1"></iframe>
</div>
</div>
<div class="column3">
<div class="card">
<h2><a href="blog.html">Title</a></h2>
<h4><a href="blog.html">Info</a></h4>
<iframe src="blog2.htm" style="height:300px;width:400px;" style="border:3px solid #f3ce73;" title="blog 1"></iframe>
</div>
</div>
</div>
<div class="floter">
<h1>madebydanny.uk</h1>
<h3> <a href="info.html">View site Files On Github</a> | Copyright 2024 MBD Team | Hosted in Cloudflare Pages</h3>
</div>
Loading

0 comments on commit f159894

Please sign in to comment.