MANY CLEANUP CHANGES

- organize work into renders and graphics - notation - add gfx
author: s1n <[email protected]> 2019-10-22 21:03:34 -0700
committer: s1n <[email protected]> 2019-10-22 21:03:34 -0700
commit: f6489c30d8f0e977f4d84b0db6d8536b01a9efd9 (patch)
tree: 8041d48e428678c8e8949676c27ecda70a32138d /projects/renders
parent: make projects not blind u (diff)
download: p.s1n.pw-admin-f6489c30d8f0e977f4d84b0db6d8536b01a9efd9.tar.xz
p.s1n.pw-admin-f6489c30d8f0e977f4d84b0db6d8536b01a9efd9.zip
7 files changed, 1035 insertions, 0 deletions
diff --git a/projects/renders/allegiance/assets/img.png b/projects/renders/allegiance/assets/img.png
new file mode 100644
index 0000000..5c7b5d4
--- /dev/null
+++ b/projects/renders/allegiance/assets/img.png
diff --git a/projects/renders/allegiance/index.html b/projects/renders/allegiance/index.html
new file mode 100644
index 0000000..ddc6121
--- /dev/null
+++ b/projects/renders/allegiance/index.html
@@ -0,0 +1,267 @@
+<!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>Project | 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">
+
+        <!-- ionicons cdn -->
+        <script src="https://unpkg.com/[email protected]/dist/ionicons.js"></script>
+
+
+        <!-- for on scroll animations -->
+        <link rel="stylesheet" href="/css/animate.css">
+        <script src="/js/wow.min.js"></script>
+
+        <!-- hide context menu and disable text highlighting -->
+        <script src="/js/hide-context-menu.js"></script>
+        <link rel="stylesheet" href="/css/no-text-highlighting.css">
+
+        <!-- favicon -->
+        <link rel="shortcut icon" href="/assets/superthumb.jpg" type="image/jpg">
+
+    </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 --------------->
+
+            <div class="whitespace"></div>
+
+            <!--------------- hero section starts here --------------->
+            <div class="container">
+                <div class="hero-content">
+                    <br><br>
+                    <div class="row">
+                        <div class="col-lg-12">
+                            <br>
+
+                            <h1 class="wow fadeInUp" data-wow-delay="1s">"Allegiance"</h1><br><br>
+
+                            <div class="row">
+                                <div class="col-lg-4">
+                                    <p class="wow fadeInUp" data-wow-delay="1.2s">service :</p>
+                                    <h6 class="wow fadeInUp" data-wow-delay="1.3s">Render</h6>
+                                </div>
+
+                                <div class="col-lg-4">
+                                    <p class="wow fadeInUp" data-wow-delay="1.6s">completed :</p>
+                                    <h6 class="wow fadeInUp" data-wow-delay="1.7s">18 October 2019</h6>
+                                </div>
+                                <br>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!--------------- hero section ends here --------------->
+
+
+            <!--------------- project image section starts here --------------->
+
+            <div class="project-img">
+                <style>
+                    .allegiance {
+                        background: url(/projects/renders/allegiance/assets/img.png) no-repeat 50% 70%;
+                        background-size: cover;
+                        height: 630px;
+                    }
+
+                    @media(max-width: 768px) {
+                        .allegiance {
+                            height: 230px;
+                        }
+                    }
+                </style>
+                <div class="container">
+                    <br><br>
+                    <div class="row">
+                        <div class="col-md-12">
+                            <div class="allegiance wow fadeInUp" data-wow-delay="0.8s"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!--------------- project image section ends here --------------->
+
+            <br><br>
+
+            <!--------------- project nav starts here --------------->
+
+            <div class="project-nav">
+                <div class="container">
+                    <div class="row">
+                        <div class="col-lg-6 prev">
+                            <a href="/projects/rockstar/" id="no-h">
+                                <ion-icon name="arrow-back"></ion-icon>previous
+                            </a>
+                        </div>
+                        <div class="col-lg-6 next">
+                            <p><a href="/projects/iced-out/" id="no-h">next<ion-icon name="arrow-forward"></ion-icon></a>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!--------------- project nav starts 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"><a href="http://twitter.com/mwfeeds">tw
+                                        @mwfeeds</a></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"><a
+                                            href="http://twitter.com/mwfeeds">tw</a></li>
+                                    <li id="yt" class="wow fadeInUp" data-wow-delay="1s"><a
+                                            href="http://youtube.com/s1nny">yt</a></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"><a
+                                        href="mailto:[email protected]">[email protected]</a></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>
diff --git a/projects/renders/iced-out/assets/img.png b/projects/renders/iced-out/assets/img.png
new file mode 100644
index 0000000..fe39bce
--- /dev/null
+++ b/projects/renders/iced-out/assets/img.png
diff --git a/projects/renders/iced-out/index.html b/projects/renders/iced-out/index.html
new file mode 100644
index 0000000..9d4bd9b
--- /dev/null
+++ b/projects/renders/iced-out/index.html
@@ -0,0 +1,267 @@
+<!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>Project | 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">
+
+        <!-- ionicons cdn -->
+        <script src="https://unpkg.com/[email protected]/dist/ionicons.js"></script>
+
+
+        <!-- for on scroll animations -->
+        <link rel="stylesheet" href="/css/animate.css">
+        <script src="/js/wow.min.js"></script>
+
+        <!-- hide context menu and disable text highlighting -->
+        <script src="/js/hide-context-menu.js"></script>
+        <link rel="stylesheet" href="/css/no-text-highlighting.css">
+
+        <!-- favicon -->
+        <link rel="shortcut icon" href="/assets/superthumb.jpg" type="image/jpg">
+
+    </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 --------------->
+
+            <div class="whitespace"></div>
+
+            <!--------------- hero section starts here --------------->
+            <div class="container">
+                <div class="hero-content">
+                    <br><br>
+                    <div class="row">
+                        <div class="col-lg-12">
+                            <br>
+
+                            <h1 class="wow fadeInUp" data-wow-delay="1s">"Iced Out"</h1><br><br>
+
+                            <div class="row">
+                                <div class="col-lg-4">
+                                    <p class="wow fadeInUp" data-wow-delay="1.2s">service :</p>
+                                    <h6 class="wow fadeInUp" data-wow-delay="1.3s">Render</h6>
+                                </div>
+
+                                <div class="col-lg-4">
+                                    <p class="wow fadeInUp" data-wow-delay="1.6s">completed :</p>
+                                    <h6 class="wow fadeInUp" data-wow-delay="1.7s">17 October 2019</h6>
+                                </div>
+                                <br>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!--------------- hero section ends here --------------->
+
+
+            <!--------------- project image section starts here --------------->
+
+            <div class="project-img">
+                <style>
+                    .iced-out {
+                        background: url(/projects/renders/iced-out/assets/img.png) no-repeat 50% 70%;
+                        background-size: cover;
+                        height: 630px;
+                    }
+
+                    @media(max-width: 768px) {
+                        .iced-out {
+                            height: 230px;
+                        }
+                    }
+                </style>
+                <div class="container">
+                    <br><br>
+                    <div class="row">
+                        <div class="col-md-12">
+                            <div class="iced-out wow fadeInUp" data-wow-delay="0.8s"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!--------------- project image section ends here --------------->
+
+            <br><br>
+
+            <!--------------- project nav starts here --------------->
+
+            <div class="project-nav">
+                <div class="container">
+                    <div class="row">
+                        <div class="col-lg-6 prev">
+                            <a href="/projects/rockstar/" id="no-h">
+                                <ion-icon name="arrow-back"></ion-icon>previous
+                            </a>
+                        </div>
+                        <div class="col-lg-6 next">
+                            <p><a href="/projects/rockstar/" id="no-h">next<ion-icon name="arrow-forward"></ion-icon></a>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!--------------- project nav starts 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"><a href="http://twitter.com/mwfeeds">tw
+                                        @mwfeeds</a></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"><a
+                                            href="http://twitter.com/mwfeeds">tw</a></li>
+                                    <li id="yt" class="wow fadeInUp" data-wow-delay="1s"><a
+                                            href="http://youtube.com/s1nny">yt</a></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"><a
+                                        href="mailto:[email protected]">[email protected]</a></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>
diff --git a/projects/renders/index.html b/projects/renders/index.html
new file mode 100644
index 0000000..9501139
--- /dev/null
+++ b/projects/renders/index.html
@@ -0,0 +1,234 @@
+<!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>Renders | 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>
+
+        <!-- hide context menu and disable text highlighting -->
+        <script src="/js/hide-context-menu.js"></script>
+        <link rel="stylesheet" href="/css/no-text-highlighting.css">
+
+        <!-- favicon -->
+        <link rel="shortcut icon" href="/assets/superthumb.jpg" type="image/jpg">
+
+    </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 --------------->
+
+            <div class="whitespace"></div>
+
+            <!--------------- hero section starts here --------------->
+            <div class="container">
+                <div class="hero-content">
+                    <br><br>
+
+                    <div class="row">
+                        <div class="col-lg-8">
+
+                            <h3 class="wow fadeInUp" data-wow-delay="1s">renders.</h3><br>
+                            <p class="wow fadeInUp" data-wow-delay="1.2s">Some of my renders.</p>
+
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!--------------- hero section ends here --------------->
+
+            <!--------------- projects section starts here --------------->
+            <div class="container-fluid">
+
+                <div class="whitespace"></div>
+                <div class="whitespace"></div>
+
+                <div class="row">
+                    <div class="col-lg-8"></div>
+
+                    <div class="col-lg-4 project render1 wow fadeInUp" data-wow-delay="1.4s" onclick="location.href='/projects/renders/iced-out/'"></div>
+                </div>
+
+                <div class="whitespace"></div>
+
+                <div class="row">
+                    <div class="col-lg-6 project render2 wow fadeInUp" onclick="location.href='/projects/renders/rockstar/'">
+                    </div>
+
+                    <div class="col-lg-6"></div>
+                </div>
+
+                <div class="whitespace"></div>
+
+                <div class="row">
+                    <div class="col-lg-7"></div>
+
+                    <div class="col-lg-4 project render3 wow fadeInUp" onclick="location.href='/projects/renders/allegiance'">
+                    </div>
+
+                    <div class="col-lg-1"></div>
+                </div>
+
+                <div class="whitespace"></div>
+            </div>
+
+            <!--------------- projects section ends here --------------->
+
+            <!--------------- 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"><a href="http://twitter.com/mwfeeds">tw
+                                        @mwfeeds</a></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"><a
+                                            href="http://twitter.com/mwfeeds">tw</a></li>
+                                    <li id="yt" class="wow fadeInUp" data-wow-delay="1s"><a
+                                            href="http://youtube.com/s1nny">yt</a></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"><a
+                                        href="mailto:[email protected]">[email protected]</a></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>
diff --git a/projects/renders/rockstar/assets/img.png b/projects/renders/rockstar/assets/img.png
new file mode 100644
index 0000000..fd95429
--- /dev/null
+++ b/projects/renders/rockstar/assets/img.png
diff --git a/projects/renders/rockstar/index.html b/projects/renders/rockstar/index.html
new file mode 100644
index 0000000..fc01d36
--- /dev/null
+++ b/projects/renders/rockstar/index.html
@@ -0,0 +1,267 @@
+<!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>Project | 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">
+
+        <!-- ionicons cdn -->
+        <script src="https://unpkg.com/[email protected]/dist/ionicons.js"></script>
+
+
+        <!-- for on scroll animations -->
+        <link rel="stylesheet" href="/css/animate.css">
+        <script src="/js/wow.min.js"></script>
+
+        <!-- hide context menu and disable text highlighting -->
+        <script src="/js/hide-context-menu.js"></script>
+        <link rel="stylesheet" href="/css/no-text-highlighting.css">
+
+        <!-- favicon -->
+        <link rel="shortcut icon" href="/assets/superthumb.jpg" type="image/jpg">
+
+    </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 --------------->
+
+            <div class="whitespace"></div>
+
+            <!--------------- hero section starts here --------------->
+            <div class="container">
+                <div class="hero-content">
+                    <br><br>
+                    <div class="row">
+                        <div class="col-lg-12">
+                            <br>
+
+                            <h1 class="wow fadeInUp" data-wow-delay="1s">"Rockstar"</h1><br><br>
+
+                            <div class="row">
+                                <div class="col-lg-4">
+                                    <p class="wow fadeInUp" data-wow-delay="1.2s">service :</p>
+                                    <h6 class="wow fadeInUp" data-wow-delay="1.3s">Render</h6>
+                                </div>
+
+                                <div class="col-lg-4">
+                                    <p class="wow fadeInUp" data-wow-delay="1.6s">completed :</p>
+                                    <h6 class="wow fadeInUp" data-wow-delay="1.7s">19 October 2019</h6>
+                                </div>
+                                <br>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!--------------- hero section ends here --------------->
+
+
+            <!--------------- project image section starts here --------------->
+
+            <div class="project-img">
+                <style>
+                    .rockstar {
+                        background: url(/projects/renders/rockstar/assets/img.png) no-repeat 50% 70%;
+                        background-size: cover;
+                        height: 630px;
+                    }
+
+                    @media(max-width: 768px) {
+                        .rockstar {
+                            height: 230px;
+                        }
+                    }
+                </style>
+                <div class="container">
+                    <br><br>
+                    <div class="row">
+                        <div class="col-md-12">
+                            <div class="rockstar wow fadeInUp" data-wow-delay="0.8s"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!--------------- project image section ends here --------------->
+
+            <br><br>
+
+            <!--------------- project nav starts here --------------->
+
+            <div class="project-nav">
+                <div class="container">
+                    <div class="row">
+                        <div class="col-lg-6 prev">
+                            <a href="/projects/iced-out/" id="no-h">
+                                <ion-icon name="arrow-back"></ion-icon>previous
+                            </a>
+                        </div>
+                        <div class="col-lg-6 next">
+                            <p><a href="/projects/allegiance/" id="no-h">next<ion-icon name="arrow-forward"></ion-icon></a>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!--------------- project nav starts 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"><a href="http://twitter.com/mwfeeds">tw
+                                        @mwfeeds</a></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"><a
+                                            href="http://twitter.com/mwfeeds">tw</a></li>
+                                    <li id="yt" class="wow fadeInUp" data-wow-delay="1s"><a
+                                            href="http://youtube.com/s1nny">yt</a></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"><a
+                                        href="mailto:[email protected]">[email protected]</a></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>
author	s1n <[email protected]>	2019-10-22 21:03:34 -0700
committer	s1n <[email protected]>	2019-10-22 21:03:34 -0700
commit	f6489c30d8f0e977f4d84b0db6d8536b01a9efd9 (patch)
tree	8041d48e428678c8e8949676c27ecda70a32138d /projects/renders
parent	make projects not blind u (diff)
download	p.s1n.pw-admin-f6489c30d8f0e977f4d84b0db6d8536b01a9efd9.tar.xz p.s1n.pw-admin-f6489c30d8f0e977f4d84b0db6d8536b01a9efd9.zip