-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
139 lines (117 loc) · 7.06 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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>portfolio</title>
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
</head>
<body>
<script src="myscripts.js"></script>
<section id="header">
<div class="container">
<div class="navbar">
<h1>404</h1>
<nav>
<ul>
<li><a href="#header">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contacts">Contact</a></li>
</ul>
</nav>
</div>
<div class="header-text">
<h2>404</h2>
<p>Freelancer</p><br>
<h3>Hi, we are <span>404</span>. We’re a group of six friends and tech enthusiasts who love creating innovative digital experiences. Whether it's building beautiful, responsive websites, designing eye-catching interfaces, or developing immersive games, we’ve got the skills to bring your ideas to life. </h3>
</div>
</div>
<!-----------about section------->
<section id="about">
<div class="container">
<h2>About Us</h2>
<div id="k">
<h3><i class="fa-solid fa-user"></i>Koshin S Hegde</h3>
<p>I am a versatile and skilled developer with expertise in competitive programming,<br>
AI model building and databases. <br>
I have a strong command of both backend and frontend technologies,<br>
excelling in creating seamless web and mobile applications. <br>
I am also experienced in game development, with a focus on interactive design.<br>
My knowledge of cryptography and cybersecurity ensures the development of secure systems,<br>
while my proficiency in OOP and clean code guarantees maintainable solutions. <br>
Additionally, I am adept in Linux, DNS management, web hosting, <br>
and have practical experience with soldering and AVR programming,<br>
bridging the gap between software and hardware.</p>
<button onclick="window.location.href='about.html#k'" class="btn1 btn2">Achievements</button>
</div>
<div id ="v">
<h3><i class="fa-solid fa-user"></i>Vivek</h3>
<p>I excel in creating dynamic websites and applications that combine aesthetic appeal with seamless functionality.<br>
Proficient in HTML, CSS, and JavaScript, I design responsive user interfaces tailored for various devices.<br>
On the server side, I leverage technologies like Node.js , <br>
ensuring efficient database management and secure API integrations. My focus on performance and <br>
security enables me to deliver scalable web solutions that meet diverse client needs.</p>
<button onclick="window.location.href='about.html#v'" class="btn1 btn2">Achievements</button>
</div>
<div id ="m">
<h3><i class="fa-solid fa-user"></i>Manvitha</h3>
<p>I am a passionate developer with expertise in game development, AI model creation, and web development.<br> I thrive on exploring innovative ideas, continuously expanding my skill set, and applying my knowledge to real-world projects.</p>
<button onclick="window.location.href='about.html#m'" class="btn1 btn2">Achievements</button>
</div>
<div id ="j">
<h3><i class="fa-solid fa-user"></i>Josvita Theresa Concessao</h3>
<p>I am a web developer with expertise in building scalable websites and applications.<br>
My competitive coding background allows me to solve complex problems and deliver efficient, <br>
high-quality solutions tailored to your needs.</p>
<button onclick="window.location.href='about.html#j'" class="btn1 btn2">Achievements</button>
</div>
<div id ="s">
<h3><i class="fa-solid fa-user"></i>Saket Hegde</h3>
<p>I have a strong foundation in Python, which I am comfortably proficient in, <br>
allowing me to develop efficient and scalable solutions. <br>
In addition, I am currently expanding my skill set by diving into web development,<br>
learning the core functions and capabilities of HTML, CSS, and JavaScript. <br>
This blend of back-end programming with front-end technologies enhances my versatility as a developer, <br>
enabling me to build dynamic and user-friendly applications.</p>
<button onclick="window.location.href='about.html#s'" class="btn1 btn2">Achievements</button>
</div>
<div id ="mi">
<h3><i class="fa-solid fa-user"></i>Minhaz Ahmed</h3>
<p>As a frontend developer, I focus on creating responsive and visually appealing websites using HTML, CSS, and JavaScript.<br>
I ensure clean, semantic HTML structure, modern CSS techniques for layout and styling, <br>
and interactive features with JavaScript to bring web pages to life.<br>
My goal is to build intuitive and user-friendly interfaces while adhering to the latest best practices in frontend development.</p>
<button onclick="window.location.href='about.html#mi'" class="btn1 btn2">Achievements</button>
</div>
</div>
</section>
<!------------contact us--------->
<section id="contacts">
<div class="container">
<div class="row">
<div class="contact-left">
<h2 class="sub-title">Contact Us</h2>
<p><i class="fa-solid fa-paper-plane"></i>conatact@gmail.com</p>
<p><i class="fa-solid fa-phone"></i>3778752892</p>
<div class="social-icons">
<a href="#"><i class="fa-brands fa-instagram"></i></a>
<a href="#"><i class="fa-brands fa-github"></i></a>
<a href="#"><i class="fa-brands fa-linkedin"></i></a>
</div>
</div>
<div class="contact-right">
<form action="#" method="post">
<input type="text" name="Name" placeholder="Your name" required>
<input type="email" name="Email" placeholder="Your email" required>
<textarea type="Message" rows="6" placeholder="Your message"></textarea>
<button type="submit" class="btn1 btn2">submit</button>
</form>
</div>
</div>
</div>
</section>
</section>
</body>
</html>