-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
110 lines (99 loc) · 5.85 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
<!DOCTYPE html>
<head>
<title>webcode</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body >
<center>
<div class="page">
<div class="navbar">
<div class="navlinks">
<h1 class="webcode"><b>WebCode</b></h1>
<div class="navlinks" id="navlinks">
<a class="home" id="home" href="#home">Home</a>
<a class="about" id="about" href="#about">About</a>
<a class="portfolio" id="portfolio" href="#portfolio">Portfolio</a>
<a class="contact" id="contact" href="#contact">Contact</a>
<a href="login.html"><button class="loginbtn" id="loginbtn" >Login</button></a>
<a href="signup.html"><button class="signupbtn" id="signupbtn" >Signup</button></a>
</div>
<div class="search">
<input class="searchbar" id="searchbar" type="text" placeholder="search">
<button class="searchbtn" id="searchbtn" type="search">search</button>
</div>
</div>
</div>
<h1 class="welcome">Welcome to WebCode</h1>
<p class="content">This web code website is about presenting the styles in css.<br>then it would perform some tasks
and navigate to some links like login page and registration pages</p>
<div class="card">
<div class="imgcontent">
<h2 style="color:#ff7503;"><b>labarod</b> Dog</h2>
<p class="contentcard">Hi<br>This is Aditya. I'm a Graphic Designer.<br>Here I'm going show about the flex displaying<br> and navigation bar has fixed on top of the page.</p>
</div>
<div class="img1">
<img src="http://1.bp.blogspot.com/-zzr72CjY5-U/U1JzAPQ2gYI/AAAAAAAACYA/RYyze2qmDsk/s1600/animals_other_cute-labrador-puppy.jpg">
</div>
</div>
<div id="portfolio" style="border: solid 2px; border-color: white;border-radius: 15px;margin: 35px;" >
<P class="portfolio" style="color:white; font-size:50px; "><b>MY PORTFOLIO</b></P>
<p class="name" style="color: #ff7503;font-size: 30px;">ADITYA _ KUDIPUDI</p>
<P class="habits" style="color: sandybrown;font-size:20px;">Learn ( ) Develop ( ) #Design ( creative ) Code() Sleep ( ) #Repeat </P>
<img class="img2" src="aditya.jpeg.jpg"
style="border-radius:15px;width: 25%;height: 20%;
border: solid 3px;border-color:white;">
<p><B style="color: antiquewhite;font-size: 40px;">About</B></p>
<p style="color: white;"> <b>Hi !! </b> This is Aditya and am graduated Engineer<br>
Specialized in Electronics and Communication Engineering<br>Here am going share about !!<br>
<br><b>Webpage Design</b><br><br>Crafting Digital Experience<br><br>
<b>Hello!! </b>and welcome to my portfolio!<br>In the page of the digital revolution,
webpages serve as the first impression for many businesses<br> and individuals alike.
As a dedicated webpage designer,<br>
I believe in weaving art with functionality to create digital experiences<br>
that captivate and engage.</p>
<p style="font-size: 40px;color:antiquewhite;">Technical Skills</p>
<div class="skills" style="display: flex;flex-wrap: wrap;justify-content:space-evenly;align-items: center; " >
<div class="skill" style="padding:20px; background-color: #4194e167; border-radius: 10px;margin: 20px;">
<p style="color: aqua;font-size:20px;"><b>C Programming</b></p>
<p style="color: #ffffffab;">Mid level</p>
<progress value="70" max="100" ></progress>
</div>
<div class="skill" style="padding:20px; background-color: #4194e167; border-radius: 10px;margin: 20px;">
<p style="color: aqua;font-size:20px;"><b>Java</b></p>
<p style="color: #ffffffab;">Beginner level</p>
<progress value="60" max="100"></progress>
</div>
<div class="skill" style="padding:20px; background-color: #4194e167; border-radius: 10px;margin: 20px;">
<p style="color: aqua;font-size:20px;"><b>Python</b></p>
<p style="color: #ffffffab;">with mechine learning<br>mid level</p>
<progress value="80" max="100"></progress>
</div>
<div class="skill" style="padding:20px; background-color: #4194e167; border-radius: 10px;margin: 20px;">
<p style="color: aqua;font-size:20px;"><b>HTML 5</b></p>
<p style="color: #ffffffab;">mid level</p>
<progress value="90" max="100"></progress>
</div>
<div class="skill" style="padding:20px; background-color: #4194e167; border-radius: 10px;margin: 20px;">
<p style="color: aqua;font-size:20px;"><b>CSS 3</b></p>
<p style="color: #ffffffab;">mid level</p>
<progress value="90" max="100"></progress>
</div>
<div class="skill" style="padding:20px; background-color: #4194e167; border-radius: 10px;margin: 20px;">
<p style="color: aqua;font-size:20px;"><b>Java Script</b></p>
<p style="color: #ffffffab;">mid level</p>
<progress value="90" max="100"></progress>
</div>
</div>
<p style="color:#ffd7a2;font-size:40px ;">To Interact</p>
<p style="color: white;"><b style="color: #ff7503;" >Contact: </b>📱7993923665</p>
<p style="color: white;"><b style="color: #ff7503;">mail: </b>📧kudipudiaditya2002@gmail.com</p>
<p style="color: white;"><b style="color: #ff7503;">Linkedin: </b>Aditya0k</p>
<p style="color: white;"><b style="color: #ff7503;">Instagram: </b>aditya_k</p><br>
</div>
<section style="background-color: #01306384; padding: 20px 0px 20px 0px;border-radius: 10px;">
<h3 style="color: white;">© My Portfolio. All rights reserved</h3>
</section>
</center>
</body>
<!--<div id="shape"></div>/-->
</html>