-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
120 lines (112 loc) · 6.2 KB
/
index.html
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
109
110
111
112
113
114
115
116
117
118
119
120
<!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.0">
<title>Home</title>
<link rel="stylesheet" href="styles.css">
<link rel="icon" href="img.gif">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bonheur+Royale&family=Stick+No+Bills:wght@200&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
</head>
<body>
<div class="icons">
<a href="https://twitter.com/?lang=en"><img src="twitter.png" alt=""></a>
<a href=""><img src="instagram.jpg" alt=""></a>
<a href=""><img src="snapchat.jpg" alt=""></a>
</div>
<div class="header">
<h1 onclick="navigate(this)">My Portfolio</h1>
<img src="img.gif" alt="My logo" id="logopic">
<nav>
<ul>
<a href="index.html"><li><i class="fas fa-home"></i>Home</li></a>
<a href="aboutme.html"><li>About ME</li></a>
<a href="projects.html"><li><i class="fa fa-camera-retro"></i> My Projects</li></a>
<a href="blog.html"><li>Blog</li></a>
<a href="feedback.html"><li>Feedback/Contact</li></a>
</ul>
</nav>
</div>
<div class="main">
<div class="section1">
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Animi dolores inventore illo nostrum quaerat quidem quod excepturi eius? Dolorem dolores animi magni quis voluptatibus provident consequatur earum ducimus perspiciatis. Eum optio expedita corporis consequatur, ipsum officiis fugiat quae facere voluptates quas sunt esse iste similique nihil eveniet. Consequatur quam placeat, vero nam, recusandae officiis eligendi deleniti ab aliquam fugit reprehenderit nesciunt eaque? Tempora accusantium impedit eius enim aut maiores, quod minus, debitis labore similique odit officia. Animi odit omnis perspiciatis. Ducimus, alias cumque mollitia sed fugit quibusdam? Ullam voluptates explicabo dolorum fuga, nisi optio in modi reprehenderit! Cum, nemo at?</p>
</div>
<div class="section2">
<img src="img1.jpg" alt="">
<img src="img2.jpg" alt="">
<img src="img3.jpg" alt="">
<img src="img4.jpg" alt="">
</div>
<div class="section1">
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Animi dolores inventore illo nostrum quaerat quidem quod excepturi eius? Dolorem dolores animi magni quis voluptatibus provident consequatur earum ducimus perspiciatis. Eum optio expedita corporis consequatur, ipsum officiis fugiat quae facere voluptates quas sunt esse iste similique nihil eveniet. Consequatur quam placeat, vero nam, recusandae officiis eligendi deleniti ab aliquam fugit reprehenderit nesciunt eaque? Tempora accusantium impedit eius enim aut maiores, quod minus, debitis labore similique odit officia. Animi odit omnis perspiciatis. Ducimus, alias cumque mollitia sed fugit quibusdam? Ullam voluptates explicabo dolorum fuga, nisi optio in modi reprehenderit! Cum, nemo at?</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. At explicabo soluta, ea officia repellendus neque iure? Obcaecati distinctio explicabo incidunt neque vero tenetur, et rerum cumque necessitatibus, dolorum maxime suscipit.</p>
</div>
<div class="section2">
<video src="vid2.webm" controls autoplay></video>
<video src="vid4.mp4" controls></video>
</div>
<div class="section1">
<dl>
<dt>Python</dt>
<dd>Python is a high level programming language</dd>
<dt>Java</dt>
<dd>Java is also a high level programming language</dd>
</dl>
<blockquote class="twitter-tweet"><p lang="und" dir="ltr"> <a href="https://t.co/tio42jLHEF">pic.twitter.com/tio42jLHEF</a></p>— Wandering Hermit Crab (@The_Hermit_Crab) <a href="https://twitter.com/The_Hermit_Crab/status/1438145606577389570?ref_src=twsrc%5Etfw">September 15, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="section2">
<table>
<caption>Fast food list</caption>
<tr>
<th>Name</th>
<th>Type</th>
<th>Place</th>
</tr>
<tr>
<td>Vada Pav</td>
<td>Snacks</td>
<td>Mumbai</td>
</tr>
<tr>
<td>Dosa</td>
<td>Breakfast</td>
<td>Hyderabad</td>
</tr>
</table>
</div>
<div class="section1">
<iframe width="560" height="315" src="https://www.youtube.com/embed/HMLNw-UUwbk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<img src="img.gif" id="imgsp" style="display:none;">
<button type="button" onclick="chngimg()">Click Here</button>
</div>
<div class="footer">
<details>
<summary>Copyright Info</summary>
This website belongs to only me.<br> All images and media files are copyrighted.<br>Copyright Info.2021
</details>
<address>
<div class="icons" id="footericons">
<a href="https://twitter.com/?lang=en"><img src="twitter.png" alt=""></a>
<a href=""><img src="instagram.jpg" alt=""></a>
<a href=""><img src="snapchat.jpg" alt=""></a>
</div>
</address>
</div>
<script>
function chngimg(){
var image=document.getElementById("imgsp");
image.style.display="block";
}
function navigate(e){
e.style.fontSize="100px";
window.location="https://javascript.plainenglish.io/5-fun-apis-for-your-next-javascript-projects-1834626864c";
}
</script>
<script src="mycode.js"></script>
</body>
</html>