Hugging Face's logo

Spaces:
JAYASWAROOP
/
portfolio
Running

App Files Community
JAYASWAROOP commited on
Commit
8b8530d
·
1 Parent(s): ad35b3c

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +55 -36
index.html CHANGED
@@ -3,20 +3,20 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Web Designer Portfolio</title>
7
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
8
  <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
9
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
10
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
11
- <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
12
 
13
- <link rel="stylesheet" href="style.css" />
 
14
  </head>
15
  <body>
16
  <!-- Navbar -->
17
 
18
  <nav class="navbar navbar-expand-lg navbar-light bg-light">
19
- <a class="navbar-brand" href="#"><img src="logo.jpg" class="img1"/><span class="ml-3">Jayaswaroop</span></a>
20
 
21
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
22
  <span class="navbar-toggler-icon"></span>
@@ -41,22 +41,23 @@
41
  <div class="container">
42
  <div class="row">
43
  <!-- Profile Picture Container (Right Side) -->
44
- <div class="col-md-6 order-md-2 text-center">
45
- <img src="jaya.jpg" alt="Profile Picture" class="profile-pic">
 
 
 
46
  </div>
47
  <!-- Name & Description (Left Side) -->
48
  <div class="col-md-6 order-md-1">
49
- <div style="margin-top: 124px;" class="d-none d-md-block">
50
  <h1>D Jayaswaroop</h1>
51
- <p>Some description about yourself. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
52
- venenatis
53
- mauris a dolor malesuada, eu fringilla nulla ullamcorper.</p>
54
  </div>
55
  <div class="d-md-none">
56
  <h1>D Jayaswaroop</h1>
57
- <p>Some description about yourself. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
58
- venenatis
59
- mauris a dolor malesuada, eu fringilla nulla ullamcorper.</p>
60
  </div>
61
  </div>
62
  </div>
@@ -66,30 +67,48 @@
66
 
67
 
68
  <!-- About Section -->
 
69
  <section id="about" class="bg-light py-5">
70
  <div class="container">
71
  <div class="row">
72
- <div class="col-md-6">
73
- <h2>About Me</h2>
74
- <p>Hi, I'm Jayaswaroop, a passionate web designer dedicated to crafting visually appealing and functional websites.</p>
 
 
 
 
 
 
 
 
 
 
75
  </div>
76
- <div class="col-md-6">
77
- <h2>My Approach</h2>
78
- <ul>
79
- <li>Understanding client needs</li>
80
- <li>Implementing user-centric designs</li>
81
- <li>Ensuring accessibility and responsiveness</li>
82
- </ul>
 
 
 
 
 
83
  </div>
84
  </div>
85
  </div>
86
  </section>
 
 
87
 
88
  <!-- Projects Section -->
89
  <section id="projects" class="py-5">
90
  <div class="container">
91
  <h2 class="text-center mb-5">Featured Projects</h2>
92
- <div class="row row-cols-1 row-cols-md-5 g-4">
93
  <!-- Sample Project Cards -->
94
  <div class="col">
95
  <div class="card mb-4">
@@ -105,8 +124,8 @@
105
  <div class="card mb-4">
106
  <img src="https://via.placeholder.com/400x250" class="card-img-top" alt="Project 1">
107
  <div class="card-body">
108
- <h5 class="card-title">Project 1</h5>
109
- <p class="card-text">Description of project 1 goes here.</p>
110
  <a href="#" class="btn btn-primary">View Project</a>
111
  </div>
112
  </div>
@@ -116,8 +135,8 @@
116
  <div class="card mb-4">
117
  <img src="https://via.placeholder.com/400x250" class="card-img-top" alt="Project 1">
118
  <div class="card-body">
119
- <h5 class="card-title">Project 1</h5>
120
- <p class="card-text">Description of project 1 goes here.</p>
121
  <a href="#" class="btn btn-primary">View Project</a>
122
  </div>
123
  </div>
@@ -126,8 +145,8 @@
126
  <div class="card mb-4">
127
  <img src="https://via.placeholder.com/400x250" class="card-img-top" alt="Project 1">
128
  <div class="card-body">
129
- <h5 class="card-title">Project 1</h5>
130
- <p class="card-text">Description of project 1 goes here.</p>
131
  <a href="#" class="btn btn-primary">View Project</a>
132
  </div>
133
  </div>
@@ -136,8 +155,8 @@
136
  <div class="card mb-4">
137
  <img src="https://via.placeholder.com/400x250" class="card-img-top" alt="Project 1">
138
  <div class="card-body">
139
- <h5 class="card-title">Project 1</h5>
140
- <p class="card-text">Description of project 1 goes here.</p>
141
  <a href="#" class="btn btn-primary">View Project</a>
142
  </div>
143
  </div>
@@ -227,7 +246,7 @@
227
  <div class="container">
228
  <h2 class="text-center mb-5">Education</h2>
229
  <ul>
230
- <li>Bachelor of Science in Computer Science</li>
231
  <li>Specialization: Web Design</li>
232
  <li>Graduated from ABC University, 2015 - 2019</li>
233
  </ul>
@@ -242,11 +261,11 @@
242
  <div class="row">
243
  <div class="col-md-6">
244
  <h4>Mobile Number</h4>
245
- <p>+1 (123) 456-7890</p>
246
  <h4>Email</h4>
247
- <p>youremail@example.com</p>
248
  <h4>Address</h4>
249
- <p>123 Street Name, City, Country</p>
250
  </div>
251
  </div>
252
  </div>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Portfolio</title>
7
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
8
  <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
9
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
10
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
 
11
 
12
+
13
+ <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
14
  </head>
15
  <body>
16
  <!-- Navbar -->
17
 
18
  <nav class="navbar navbar-expand-lg navbar-light bg-light">
19
+ <a class="navbar-brand" href="#"><img src="C:\Users\Jayasekhar\Desktop\logo.jpg" class="img1"/><span class="ml-3">Portfolio</span></a>
20
 
21
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
22
  <span class="navbar-toggler-icon"></span>
 
41
  <div class="container">
42
  <div class="row">
43
  <!-- Profile Picture Container (Right Side) -->
44
+ <div class="col-md-6 order-md-2 text-center d-none d-md-block">
45
+ <img src="C:\Users\Jayasekhar\Desktop\jaya.jpg" alt="Profile Picture" class="profile-pic">
46
+ </div>
47
+ <div class="col-md-6 order-md-2 text-center d-md-none">
48
+ <img src="C:\Users\Jayasekhar\Desktop\jaya.jpg" alt="Profile Picture" class="profile-pic1">
49
  </div>
50
  <!-- Name & Description (Left Side) -->
51
  <div class="col-md-6 order-md-1">
52
+ <div style="margin-top: 68px;" class="d-none d-md-block">
53
  <h1>D Jayaswaroop</h1>
54
+ <p>An aspiring B.Tech student deeply engaged in tech exploration, adept in coding and software development.
55
+ I blend creativity with technical skills to drive innovative solutions and eagerly embrace continuous growth in the ever-evolving tech sphere.</p>
 
56
  </div>
57
  <div class="d-md-none">
58
  <h1>D Jayaswaroop</h1>
59
+ <p>An aspiring B.Tech student deeply engaged in tech exploration, adept in coding and software development.
60
+ I blend creativity with technical skills to drive innovative solutions and eagerly embrace continuous growth in the ever-evolving tech sphere.</p>
 
61
  </div>
62
  </div>
63
  </div>
 
67
 
68
 
69
  <!-- About Section -->
70
+
71
  <section id="about" class="bg-light py-5">
72
  <div class="container">
73
  <div class="row">
74
+ <div class="col-lg-6">
75
+ <div class="card p-4 mb-4">
76
+ <h2 class="card-title">About Me</h2>
77
+ <div class="card-body">
78
+ <p class="card-text">Hey! I'm Jayaswaroop, a dedicated web designer passionate about creating impactful online experiences.</p>
79
+ <p class="card-text">I specialize in:</p>
80
+ <ul class="list-group">
81
+ <li class="list-group-item">Innovative UI/UX design</li>
82
+ <li class="list-group-item">Responsive and accessible web development</li>
83
+ <li class="list-group-item">Bringing creativity to every project</li>
84
+ </ul>
85
+ </div>
86
+ </div>
87
  </div>
88
+ <div class="col-lg-6">
89
+ <div class="card p-4">
90
+ <h2 class="card-title">My Approach</h2>
91
+ <div class="card-body">
92
+ <p class="card-text">My approach revolves around:</p>
93
+ <ul class="list-group">
94
+ <li class="list-group-item">Understanding client goals</li>
95
+ <li class="list-group-item">Adopting modern design trends</li>
96
+ <li class="list-group-item">Constantly learning and evolving</li>
97
+ </ul>
98
+ </div>
99
+ </div>
100
  </div>
101
  </div>
102
  </div>
103
  </section>
104
+
105
+
106
 
107
  <!-- Projects Section -->
108
  <section id="projects" class="py-5">
109
  <div class="container">
110
  <h2 class="text-center mb-5">Featured Projects</h2>
111
+ <div class="row row-cols-2 row-cols-md-5 g-4">
112
  <!-- Sample Project Cards -->
113
  <div class="col">
114
  <div class="card mb-4">
 
124
  <div class="card mb-4">
125
  <img src="https://via.placeholder.com/400x250" class="card-img-top" alt="Project 1">
126
  <div class="card-body">
127
+ <h5 class="card-title">Project 2</h5>
128
+ <p class="card-text">Description of project 2 goes here.</p>
129
  <a href="#" class="btn btn-primary">View Project</a>
130
  </div>
131
  </div>
 
135
  <div class="card mb-4">
136
  <img src="https://via.placeholder.com/400x250" class="card-img-top" alt="Project 1">
137
  <div class="card-body">
138
+ <h5 class="card-title">Project 3</h5>
139
+ <p class="card-text">Description of project 3 goes here.</p>
140
  <a href="#" class="btn btn-primary">View Project</a>
141
  </div>
142
  </div>
 
145
  <div class="card mb-4">
146
  <img src="https://via.placeholder.com/400x250" class="card-img-top" alt="Project 1">
147
  <div class="card-body">
148
+ <h5 class="card-title">Project 4</h5>
149
+ <p class="card-text">Description of project 4 goes here.</p>
150
  <a href="#" class="btn btn-primary">View Project</a>
151
  </div>
152
  </div>
 
155
  <div class="card mb-4">
156
  <img src="https://via.placeholder.com/400x250" class="card-img-top" alt="Project 1">
157
  <div class="card-body">
158
+ <h5 class="card-title">Project 5</h5>
159
+ <p class="card-text">Description of project 5 goes here.</p>
160
  <a href="#" class="btn btn-primary">View Project</a>
161
  </div>
162
  </div>
 
246
  <div class="container">
247
  <h2 class="text-center mb-5">Education</h2>
248
  <ul>
249
+ <li>Bachelor of Science in Computer Science (Currently)</li>
250
  <li>Specialization: Web Design</li>
251
  <li>Graduated from ABC University, 2015 - 2019</li>
252
  </ul>
 
261
  <div class="row">
262
  <div class="col-md-6">
263
  <h4>Mobile Number</h4>
264
+ <p>+91 9393147214</p>
265
  <h4>Email</h4>
266
+ <p>jayaswaroopdandamudi@gmail.com</p>
267
  <h4>Address</h4>
268
+ <p>SRKREC Association Boys Hostel Block-A,<br> Near Bhimavaram Hospitals,<br>JP Road, Chinnaamiram, <br>Bhimavaram, 534204.</p>
269
  </div>
270
  </div>
271
  </div>