nkfire11.github.io/index.html at master · nkfire11/nkfire11.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<html>
<head>
	<div style=height:1000px;background-image:url(https://www.oars.com/wp-content/uploads/2015/12/gc-hiking-rim-river-hero.jpg);font-size:36px>
		<img align="center" class="center" src="https://3.bp.blogspot.com/-_WtDFrSNfEo/VvpSulmGGsI/AAAAAAAAABA/FLKn1eYMijoaeKJv5xkuqz0d_sARBEzkQ/s1600/welcome-to-my-site-graphic-for-share-on-hi5.gif" height=250px width=100px>
	</div>

	<meta name="viewport" content="width=device-width, initial-scale=1">
<style>


	*{
		  		 margin: 0;
		  		 padding: 0;

          }

		ul{
			background-color: #000;
			height: 30px;
		}


		    li{
		    	list-style-type: none;
                float: left;
                color:white;
                padding: 10px;
		    }
body, html {
    height: 100%;
}

.parallax {
    /* The image used */
    background-image: url('img_parallax.jpg');

    /* Full height */
    height: 100%;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Turn off parallax scrolling for tablets and phones. Increase the pixels if needed */
@media only screen and (max-device-width: 1366px) {
    .parallax {
        background-attachment: scroll;
    }
}
</style>
</head>
<body>


<div class="parallax"></div>

<h1 align=center class="text1">This is some of the things I learned this week! </h1>
<div style=height:1000px;background-image:url("https://thumbs.gfycat.com/RemorsefulConventionalHedgehog-size_restricted.gif");font-size:36px>
</div>

<div class="parallax"></div>


	<title>My first Website</title>
	<link rel="stylesheet" type="text/css" href="projectstyle.css">

	<img height="1500" width="1380"src="https://cdn.vox-cdn.com/thumbor/Lm-2ZmwaYc3HjbWBhhvO09xEo0k=/0x0:4754x3169/1200x800/filters:focal(859x1289:1619x2049)/cdn.vox-cdn.com/uploads/chorus_image/image/56389111/664230540.0.jpg">

	<img height="2500px" width="1390px" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTKTvYGk27Ag7ukFUrx8cKFKl-f4C5zOcEOeGULbnuamJ6kxAK1">

	<div class="header">
		<h1>DUDE PERFECT</h1>

		<img src="https://9p5z91rxsag1usgoc1ctvupb-wpengine.netdna-ssl.com/wp-content/uploads/2015/06/Issue43_InterviewDudePerfect_JLongo-revised.gif">

		<img height 2000px src="https://i.ytimg.com/vi/A2FsgKoGD04/maxresdefault.jpg">

		<iframe height:600px width: 600px width="560" height="315" src="https://www.youtube.com/embed/VRJmcxCrAOA" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>


		<h1 align="center">This week in this class I learned a lot so let me show you everything I learned.</h1>
	</div>

	<img height=500px width= 2000px src="https://media.giphy.com/media/Ti7syBJm5plWo/giphy.gif">

	<h1>Triple tap right under me</h1>


<h2 id="text1">This week in the web development I learned a lot of important things that are basic in html.  I learned stuff like you have to open and close the tags that you put and how to add the images or videos you want to put.IF the images does not fit in the space you want it to you can decrease the height and width. Thats another tip I learned.When I started html coding I was so bad people use to laugh like this...(press this button) Now I learned a lot that I can do stuff like make a website. I also learned how to put a menu bar where if you put word and press on it it takes you somewhere on the web. I also searched up and learned how add parallax pictures. You could also learn how to add gif images. The best part about this camp is that now I've learned how to make a website which means if I ever have to do it in a project I'm a step ahead because I know how to do it.</h2>

<iframe class= center class="video" width="300" height="300" src="https://www.myinstants.com/instant/look-at-this-dude/" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>


</body>


</html>