-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
120 lines (107 loc) · 5.62 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>E-commerse</title>
<link rel="stylesheet" href="index.css">
</head>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css"
integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<body >
<header>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="#"><img src="download.svg"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<!-- <li class="nav-item">
<a class="nav-link active" aria-current="page" href="index.html">Home</a>
</li> -->
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="skills.html">Skills</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contract.html">Contract</a>
</li>
</ul>
<form class="d-flex">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
</div>
</nav>
<div class="top-container">
<h1 style="color: red ;background-color: white;">Hlo Iam a <span class="textwala">Web-developer</span></h1><br>
<div class="buttons">
<a href="https://www.youtube.com/channel/UC6_zxhM0HWlkCQfHph7CXig" class="btn btn-primary mx-2 my-2">Youtube</a>
<a href="https://www.facebook.com/roshan.karki.5648137" class="btn btn-danger mx-2 my-2">Facebook</a>
<a href="https://www.instagram.com/roshankc813/" class="btn btn-info mx-2 my-2">Instagram</a>
</div>
</div>
</div>
</header>
<!-- logic -->
<main>
<div class="homewala">
<h1 class="home-header"> Welcome to my Home page </h1>
<div class="home">
<div class="home-image">
<img src="https://images.unsplash.com/photo-1673360829505-a344f1e1e547?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80" height="600px" width="800px" >
</div>
<div class="home-right">
<h1 class="home-header"> Intoduction</h1>
<p class="home-text">Hello everyone. At first I would like to introduce myself my name is Roshan karki and Iam from Butwal. Currently iam studying computer engineering at the purwanchal campus located at Dharan. Dharan is also the beautiful city. Iam peace lover and i love helping my friend,needy people and relatives alot.</p>
<p><span class="home-text"> Wana know more about me follow me on facebook in above link </span> </p>
</div>
</div>
</div>
</main>
<footer>
<div class="footer-1">
<img src="download.svg">
</div>
<div class="footer-2">
<div class="footer-content1">
<span class="footer-text">IOE Purwanchal campus</span><br>
<span class="footer-text"> Dharan -14</span>
</div>
<div class="footer-content2">
<span class="footer-text">9827489335</span>
<span class="footer-text">9847581627</span>
</div>
</div>
<div class="footer-3">
<i class="fa-brands fa-facebook fa-2x mx-2 my-2"></i>
<i class="fa-brands fa-instagram fa-2x mx-2 my-2"></i>
<i class="fa-brands fa-twitter fa-2x mx-2 my-2"></i>
<i class="fa-brands fa-youtube fa-2x mx-2 my-2"></i>
<i class="fa-brands fa-tiktok fa-2x mx-2 my-2"></i>
</div>
<div class="footer-4">
© rohitlc8848@gmail.com
</div>
<div class="footer-4">
Thank you!!
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
<script src="home.js"></script>
</body>
</html>