-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
156 lines (112 loc) · 6.08 KB
/
index.html
File metadata and controls
156 lines (112 loc) · 6.08 KB
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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Potefolio</title>
<link rel="stylesheet" href="style.css">
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
</head>
<body>
<header class="header">
<a href="#" class="logo">Portfolio</a>
<nav class="navbar">
<a href="#home" >Home</a>
<a href="#about" >About</a>
<a href="#skills" >Skill</a>
<a href="#projects" >Project</a>
<a href="#contact" >Contact</a>
</nav>
</header>
<section class="home">
<hr>
<div class="container">
<section class="home">
<div class="home-content">
<h3>Hi</h3>
<h1>I'm<span> Arushi Bhagwat Gulbhile<br></span> Student of Computer Engineering</h1>
<p></p>
<div class="btn-box">
<button class="btn-1">HIRE ME</button>
<button class="btn-2">Experience</button>
</div>
</div>
<div class="img-box">
<img src="women2.jpeg" alt=" ">
</div>
</section>
<div class="home-sci">
<a herf="#"><i class='bx bxl-twitter' ></i></a>
<a herf="#"><i class='bx bxl-github' ></i></a>
<a herf="#"><i class='bx bxl-whatsapp' ></i></a>
<a herf="#"><i class='bx bxl-instagram' ></i></a>
</div>
<a href="#" class=" btn-boxe"> Download cv</a>
</div>
</section>
<hr>
<!-- About Section -->
<section class="about">
<div class="about-img">
<img src="women.jpg.jpg" alt=" ">
</div>
<div class="about-content">
<h2 class="heading">About<span>Me</span>
</h2>
<h3>Frontend<span>Developer</span></h3>
<p>Responsive Design: Expert in creating responsive, user-friendly websites with modern UI/UX principles.
Proficient in Technologies: Strong in HTML, CSS and Bootstrap for dynamic web development.</p>
<a href="#" class="btn-2">Download CV</a>
</div>
</section>
<hr>
<!-- Skills Section --
---icons-->
<section class="icons-container">
<h2>Skills</h2>
<div class="icons">
<i class='bx bxl-html5'></i>
<h3>HTML</h3>
<p>HTML (HyperText Markup Language) is the standard language used to create and structure content on the web. It consists of a series of elements (tags) that define the structure of a webpage, such as headings, paragraphs, links, images, and forms. HTML provides the basic building blocks for web content, allowing browsers to interpret and display text, multimedia, and hyperlinks.</p>
</div>
<div class="icons">
<i class='bx bxl-css3' ></i>
<h3>CSS</h3>
<p>CSS (Cascading Style Sheets) is a stylesheet language used to control the presentation and layout of web pages. It defines how HTML elements are displayed on the screen, such as colors, fonts, spacing, and positioning. CSS allows developers to separate content (HTML) from design, making it easier to maintain and scale websites. It also supports responsive design, enabling web pages to look good on various devices like mobile phones, tablets, and desktops.
</p>
</div>
<div class="icons">
<i class='bx bxl-bootstrap' ></i>
<h3>BOOTSTRAP</h3>
<p>Bootstrap is a popular open-source framework used for building responsive, mobile-first websites. It provides a collection of pre-designed HTML, CSS, and JavaScript components like navigation bars, forms, buttons, modals, and more, which help developers quickly create visually appealing and functional web pages without having to write a lot of custom code. Key features include a grid system for layout design, reusable UI components, and compatibility across various browsers and devices. Bootstrap simplifies front-end development by making it easier to maintain consistency across different screen sizes.
</p>
</div>
</body>
</html>
<!-- Portfolio Section -->
<section id="projects">
<h2>Project</h2>
<div class="project">
<img class="object-cover object-center rounded"width="100px" height="300px" alt="hero" src="ai.jpg.webp">
<h3>Desktop Voice Assistant </h3>
<br>
<p><h1> AI Assistance are capturing a lot of attention lately.Chatbots are common in most commercial websites.With growing advancements in artificial intelligence,training the machines to tackle day-to-day tasks is the normal.
<br>
VOICE based desktop assistance have gained a lot of popularity in this era of smart homes and smart devices. This personal assistant can be easily configured to perform many of your regular tasks by simply giving voice commands.Google has popularized voice-based search that is a boon for many like users who are not comfortable using the keypad and keyboard.</h1></p>
</div>
</section>
<!-- Contact Section -->
<section id="contact">
<h1>Contact Me</h1>
<p>Email: arushi.gulbhile@gmail.com</p>
<p>Phone: +123-456-7890</p>
</section>
<footer>
<p>©[Arushi Gulbhile] [2024]. All Rights Reserved.
All content on this website, including text, images, designs, and other media, is the intellectual property of [Arushi Gulbhile]
is protected under copyright law. Unauthorized use, reproduction,or distribution of any content without explicit permission is strictly prohibited. For inquiries or permissions,
please contact [arushi.gulbhile@gmail.com].
</p>
</footer>
</body>
</html>