diff --git a/Projects/hema_kanamarlapudi/README.md b/Projects/hema_kanamarlapudi/README.md
new file mode 100644
index 0000000..bd73999
--- /dev/null
+++ b/Projects/hema_kanamarlapudi/README.md
@@ -0,0 +1,2 @@
+Hi, this is Hema's Project
+Basic portfolio project involving html and css
diff --git a/Projects/hema_kanamarlapudi/index.html b/Projects/hema_kanamarlapudi/index.html
new file mode 100644
index 0000000..748a7e6
--- /dev/null
+++ b/Projects/hema_kanamarlapudi/index.html
@@ -0,0 +1,54 @@
+
+
+
+
+
+
+ Hema's portfolio
+
+
+
+
+
+
+
+
+
+
+

+
+
+
About me
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Et aperiam, nemo dolore
+ recusandae esse voluptate quam consequuntur voluptatum suscipit debitis molestias, delectus
+ corrupti aliquam officia cumque nulla quasi, accusantium sequi.
+
+
+
Skills
+
Experience
+
Education
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Projects/hema_kanamarlapudi/style.css b/Projects/hema_kanamarlapudi/style.css
new file mode 100644
index 0000000..f1a0e69
--- /dev/null
+++ b/Projects/hema_kanamarlapudi/style.css
@@ -0,0 +1,122 @@
+*{
+ margin: 0;
+ padding: 0;
+ font-family: 'Poppins',sans-serif;
+ box-sizing: border-box;
+}
+
+body{
+ background: black;
+ color: white;
+}
+
+#header{
+ width: 100%;
+ height: 100vh;
+ background-size: cover;
+ background-position: center;
+}
+
+.container{
+ padding: 10px 10%;
+}
+
+nav{
+ display: flex;
+ align-items: center;
+ justify-content: space space-between;
+ flex-wrap: wrap;
+}
+
+.logo{
+ width:140px;
+}
+
+nav ul li{
+ display:inline-block;
+ list-style:none ;
+ margin: 10px 20px;
+}
+
+nav ul li a{
+ color: white;
+ text-decoration: none;
+ font-size: 18px;
+ position: relative;
+}
+
+nav ul li a::after{
+ content: '';
+ width: 0;
+ height:3px;
+ background: rgb(0, 255, 51);
+ position: absolute;
+ left:0;
+ bottom:-6px;
+ transition: 0.1s;
+}
+
+nav ul li a:hover::after{
+ width: 100%;
+}
+
+.header-text{
+ margin-top:20%;
+ font-size: 30px;
+}
+
+#about{
+ padding: 80px 0;
+}
+
+.row{
+ display:flex;
+ justify-content:space-between;
+}
+
+.col1{
+ flex-basis: 35%;
+}
+
+.col1 img{
+ width:100%;
+ border-radius: 15px;
+}
+
+.col2{
+ flex-basis: 60%;
+}
+
+.para{
+ color:orange;
+}
+
+.tabtitles{
+ display: flex;
+ margin: 20px 0 40px;
+}
+
+.tablinks{
+ margin-right: 50px;
+ font-size: 18px;
+ font-weight: 500;
+ cursor: pointer;
+ position: relative;
+}
+
+.tablinks::after{
+ content: '';
+ width: 0;
+ height:3px;
+ background: rgb(0, 255, 51);
+ position: absolute;
+ left:0;
+ bottom:-6px;
+ transition: 0.1s;
+}
+
+.tablinks:hover::after{
+ width: 100%;
+}
+
+