Hugging Face's logo

Spaces:
JAYASWAROOP
/
portfolio1
Running

App Files Community
JAYASWAROOP commited on
Commit
d295839
·
verified ·
1 Parent(s): 1991de2

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +104 -0
index.html CHANGED
@@ -7,6 +7,110 @@
7
  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
8
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6OPTAhW3z8h6sEHuJIW+jozS3dBmVvzqJlL/t49giMAe7qT8yWHH2ePywxAwGnU1zZz8wEjWvmhsQ05O3Q8w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
9
  <link rel="stylesheet" href="style.css"> </head>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
10
  <body>
11
 
12
  <header class="header">
 
7
  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
8
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6OPTAhW3z8h6sEHuJIW+jozS3dBmVvzqJlL/t49giMAe7qT8yWHH2ePywxAwGnU1zZz8wEjWvmhsQ05O3Q8w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
9
  <link rel="stylesheet" href="style.css"> </head>
10
+ <style>
11
+ body {
12
+ font-family: Arial, sans-serif;
13
+ margin: 0;
14
+ padding: 0;
15
+ }
16
+
17
+ .header {
18
+ background-color: #fff;
19
+ box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
20
+ position: fixed;
21
+ top: 0;
22
+ width: 100%;
23
+ z-index: 10;
24
+ }
25
+
26
+ .navbar {
27
+ padding: 1rem 2rem;
28
+ }
29
+
30
+ .hero {
31
+ height: 100vh;
32
+ display: flex;
33
+ justify-content: center;
34
+ align-items: center;
35
+ background-image: url("images/background.jpg"); /* Replace with your background image */
36
+ background-size: cover;
37
+ background-attachment: fixed;
38
+ color: #fff;
39
+ }
40
+
41
+ .about, .skills, .portfolio, .contact {
42
+ padding: 5rem 0;
43
+ }
44
+
45
+ .skill-card {
46
+ background-color: #f5f5f5;
47
+ padding: 2rem;
48
+ border-radius: 5px;
49
+ text-align: center;
50
+ transition: all 0.3s ease-in-out;
51
+ }
52
+
53
+ .skill-card:hover {
54
+ transform: scale(1.05);
55
+ }
56
+
57
+ .portfolio-item {
58
+ margin-bottom: 2rem;
59
+ }
60
+
61
+ .footer {
62
+ background-color: #f2f2f2;
63
+ padding: 1rem 0;
64
+ }
65
+
66
+ .social-link {
67
+ margin-right: 1rem;
68
+ font-size: 1.2
69
+ }
70
+
71
+ .nav-link {
72
+ color: #333;
73
+ transition: all 0.3s ease-in-out;
74
+ }
75
+
76
+ .nav-link:hover {
77
+ color: #007bff;
78
+ }
79
+
80
+ .hero h1 {
81
+ font-size: 2.5rem;
82
+ font-weight: bold;
83
+ margin-bottom: 1rem;
84
+ }
85
+
86
+ .hero p {
87
+ font-size: 1.2rem;
88
+ line-height: 1.5;
89
+ }
90
+
91
+ @media (max-width: 768px) {
92
+ .col-md-6 {
93
+ width: 100%;
94
+ }
95
+ }
96
+
97
+
98
+ .social-link i {
99
+ font-size: 1.5rem;
100
+ color: #333;
101
+ transition: all 0.3s ease-in-out;
102
+ }
103
+
104
+ .social-link:hover i {
105
+ color: #007bff;
106
+ }
107
+
108
+ .footer {
109
+ padding: 20px;
110
+ background-color: #f5f5f5;
111
+ }
112
+
113
+ </style>
114
  <body>
115
 
116
  <header class="header">