summaryrefslogtreecommitdiff
path: root/about/index.html
diff options
context:
space:
mode:
authors1n <[email protected]>2019-10-20 16:19:13 -0700
committers1n <[email protected]>2019-10-20 16:19:13 -0700
commitf0a88426dca69faea2f33cfa1b995d1bf7f4790f (patch)
treeded13685fabcac7d6c43285f302db9399872fb20 /about/index.html
parentorganize and relink (diff)
downloadp.s1n.pw-admin-f0a88426dca69faea2f33cfa1b995d1bf7f4790f.tar.xz
p.s1n.pw-admin-f0a88426dca69faea2f33cfa1b995d1bf7f4790f.zip
rename files to index to fix them not showing up
Diffstat (limited to 'about/index.html')
-rw-r--r--about/index.html196
1 files changed, 196 insertions, 0 deletions
diff --git a/about/index.html b/about/index.html
new file mode 100644
index 0000000..9f240eb
--- /dev/null
+++ b/about/index.html
@@ -0,0 +1,196 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <meta name="author" content="harrnish">
+
+ <title>About Me | s1nical</title>
+
+ <!-- stylesheet -->
+ <link rel="stylesheet" href="/css/style.css">
+
+ <!-- bootstrap cdns -->
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
+
+ <!-- google fonts -->
+ <link href="https://fonts.googleapis.com/css?family=Roboto+Mono:100,100i,300,300i,400,400i,500,500i,700,700i" rel="stylesheet">
+
+ <!-- for on scroll animations -->
+ <link rel="stylesheet" href="/css/animate.css">
+ <script src="/js/wow.min.js"></script>
+
+</head>
+<body>
+ <div class="wrapper">
+
+ <!--------------- navbar starts here --------------->
+ <nav>
+ <span id="brand">
+ <a href="/">s1nical</a>
+ </span>
+
+ <ul id="menu">
+ <li><a href="/">home<span>.</span></a></li>
+ <li><a href="/work/">work<span>.</span></a></li>
+ <li><a href="/about/">about me<span>.</span></a></li>
+ <li><a href="/contact/">contact<span>.</span></a></li>
+ </ul>
+
+ <div id="toggle">
+ <div class="span">menu</div>
+ </div>
+
+ </nav>
+
+ <div id="resize">
+ <div class="close-btn">close</div>
+
+ <ul id="menu">
+ <li><a href="/">home<span>.</span></a></li>
+ <li><a href="/work/">work<span>.</span></a></li>
+ <li><a href="/about/">about me<span>.</span></a></li>
+ <li><a href="/contact/">contact<span>.</span></a></li>
+ </ul>
+ </div>
+
+ <!--------------- navbar ends here --------------->
+
+
+ <!--------------- hero image starts here --------------->
+ <div class="container">
+ <div class="row">
+ <div class="col-lg-12 about image wow fadeInUp" data-wow-delay="1s"></div>
+ </div>
+ </div>
+ <!--------------- hero image ends here --------------->
+
+
+ <!--------------- hero section starts here --------------->
+ <div class="container">
+ <div class="hero-content">
+ <br><br>
+
+ <div class="row">
+ <div class="col-lg-12">
+ <h3 class="wow fadeInUp" data-wow-delay="1.2s">about me.</h3><br>
+
+ <p class="wow fadeInUp">Living with passion is what I strictly adhere to. “Always do what you love” how much ever hackneyed this sounds it holds absolutely true. That's why I travel a lot. Not for the sole reason of “loving” to travel but it helps me to get rid of the world and escape into a different dimension of my own. As I am a travel freak I love freezing the moments I relish. The art of capturing photos is something I am always fascinated by.</p>
+
+ <p class="wow fadeInUp" data-wow-delay="0.2s">I am a continuous learner. Learning for me equates to exploring new ideas and growing as an individual. I just cannot imagine my life devoid of designing. I freely express my creativity and imagination by designing. And to give my passion of designing a platform I have a YouTube channel named, Codegrid.</p>
+
+ </div>
+ </div>
+ </div>
+ </div>
+ <!--------------- hero section ends here --------------->
+
+ <div class="whitespace"></div>
+
+ <!--------------- footer starts here --------------->
+ <div class="footer">
+ <div class="container">
+ <br><br>
+
+ <div class="collab">
+ <div class="row">
+ <div class="col-lg-12">
+ <p class="wow fadeInUp">Got an interesting project? I can help you.</p>
+ </div>
+ </div>
+ </div>
+
+ <br>
+
+ <div class="hr">
+ <div class="row"></div>
+ </div>
+
+ <br><br>
+
+ <div class="info">
+ <div class="row">
+ <div class="col-lg-4" id="personal">
+ <p class="wow fadeInUp">connect with me</p>
+ <h4 class="wow fadeInUp" data-wow-delay="0.2s">tw @mwfeeds</h4>
+ <br><br>
+ </div>
+
+ <div class="col-lg-4" id="media">
+ <p class="wow fadeInUp" data-wow-delay="0s">follow me</p>
+
+ <ul>
+ <li id="fb" class="wow fadeInUp" data-wow-delay="0.4s">fb</li>
+ <li id="ig" class="wow fadeInUp" data-wow-delay="0.6s">ig</li>
+ <li id="tw" class="wow fadeInUp" data-wow-delay="0.8s">tw</li>
+ <li id="yt" class="wow fadeInUp" data-wow-delay="1s">yt</li>
+ </ul>
+
+ <br><br>
+ </div>
+
+ <div class="col-lg-4" id="address">
+ <p class="wow fadeInUp" data-wow-delay="0s">say hello</p>
+ <h4 class="wow fadeInUp" data-wow-delay="0.2s">[email protected]</h4>
+ <br><br>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!--------------- footer ends here --------------->
+
+ <br><br><br><br>
+
+ </div>
+
+ <!-- greensock cdn -->
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.2/TweenMax.min.js"></script>
+
+ <script src="https://code.jquery.com/jquery-3.4.1.js"></script>
+ <script type="text/javascript">
+
+ // navigation starts here
+ $("#toggle").click(function() {
+ $(this).toggleClass('on');
+ $("#resize").toggleClass("active");
+ });
+
+ $("#resize ul li a").click(function() {
+ $(this).toggleClass('on');
+ $("#resize").toggleClass("active");
+ });
+
+ $(".close-btn").click(function() {
+ $(this).toggleClass('on');
+ $("#resize").toggleClass("active");
+ });
+
+ // navigation ends here
+
+ // nav animation
+
+ TweenMax.from("#brand", 1, {
+ delay: 0.4,
+ y: 10,
+ opacity: 0,
+ ease: Expo.easeInOut
+ })
+
+ TweenMax.staggerFrom("#menu li a", 1, {
+ delay: 0.4,
+ opacity: 0,
+ ease: Expo.easeInOut
+ }, 0.1);
+
+ // nav animation ends
+
+ new WOW().init();
+
+
+ </script>
+</body>
+</html>
generated by cgit v1.2.3 (git 2.25.1) at 2026-04-23 13:06:20 +0000