made my first changes

NousheenAnwar · Jul 29, 2024 · daa270d · daa270d
1 parent ceb9891
commit daa270d
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 6 deletions.
diff --git a/images/title pic.jpg b/images/title pic.jpg
diff --git a/index.html b/index.html
@@ -6,11 +6,13 @@
 -->
 <html>
 	<head>
-		<title>Stellar by HTML5 UP</title>
+		<title>Nousheen Anwar</title>
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
+		<link rel="stylesheet" href="style.css" />
 		<link rel="stylesheet" href="assets/css/main.css" />
 		<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
+
 	</head>
 	<body class="is-preload">
 
@@ -19,10 +21,14 @@
 
 				<!-- Header -->
 					<header id="header" class="alt">
-						<span class="logo"><img src="images/logo.svg" alt="" /></span>
-						<h1>Stellar</h1>
-						<p>Just another free, fully responsive site template<br />
-						built by <a href="https://twitter.com/ajlkn">@ajlkn</a> for <a href="https://html5up.net">HTML5 UP</a>.</p>
+						<div class="inner">
+							<a class="rounded-image"
+							><img src="images/title pic.jpg" alt="Nousheen Anwar"
+							/></a>
+
+						<h1><strong>Nousheen Anwar</strong></h1>
+						<p>Proactive Learner | Problem-Solver | Adaptive | Creative-Thinker | Visionary <br />
+						</p>
 					</header>
 
 				<!-- Nav -->
@@ -43,7 +49,7 @@ <h1>Stellar</h1>
 								<div class="spotlight">
 									<div class="content">
 										<header class="major">
-											<h2>Ipsum sed adipiscing</h2>
+											<h2>Who I Am</h2>
 										</header>
 										<p>Sed lorem ipsum dolor sit amet nullam consequat feugiat consequat magna
 										adipiscing magna etiam amet veroeros. Lorem ipsum dolor tempus sit cursus.

diff --git a/style.css b/style.css
@@ -0,0 +1,14 @@
+.rounded-image {
+    display: inline-block; 
+    position: center; 
+    width: 200px; 
+    height: 200px; 
+    overflow: hidden; 
+    border-radius: 60%; } 
+
+.rounded-image img { 
+    width: 115%; 
+    height: 100%; 
+    margin-left: -10%;
+    }
+