Skip to content

Commit

Permalink
navbar added
Browse files Browse the repository at this point in the history
  • Loading branch information
@Aakashbhardwaj27
Aakashbhardwaj27 authored Aug 2, 2020
1 parent 9d2b307 commit c602da7
Show file tree
Hide file tree
Showing 9 changed files with 117 additions and 44 deletions.
Binary file added 1086717-programmer-wallpapers-3840x2160-pictures.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion CNAME
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
neovantium.com
vedantkhairnar.ml
6 changes: 0 additions & 6 deletions css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -264,12 +264,6 @@ body {
}
}

.navBar{
background-color: red;
width: 100vh;
z-index: 10000;
}

.ourGoals {
width: 100%;
height: 100%;
Expand Down
Binary file added images/linkedinBack.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/linkedinBack.psd
View file
Binary file not shown.
Binary file added images/logoCollage.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/logoCollage.psd
View file
Binary file not shown.
Binary file added images/sharing.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
153 changes: 116 additions & 37 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,13 +6,17 @@
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-147438160-1"></script>
<script>
window.dataLayer = window.dataLayer || [];

function gtag() {
dataLayer.push(arguments);
}

gtag('js', new Date());

gtag('config', 'UA-147438160-1');
</script>


<title>NeoVantium</title>

<!-- <meta http-equiv="content-type" content="text/html; charset=utf-8">-->
Expand Down Expand Up @@ -51,38 +55,80 @@
<!-- <link rel="shortcut icon" href="logo.jpg" type="image/x-icon">-->
<!-- <link rel="icon" href="logo.jpg" type="image/x-icon">-->

<script type='application/ld+json'>
{
"@context": "http://www.schema.org",
"@type": "Person",
"name": "Vedant Khairnar",
"jobTitle": "Cyber Security and Machine Learning Enthusiast",
"url": "https://vedantkhairnar.github.io",
"address": {
"@type": "PostalAddress",
"addressLocality": "Nagpur",
"addressCountry": "India"
},
"email": "[email protected]",
"birthDate": "1999-04-02",
"sameAs": [
"https://www.facebook.com/profile.php?id=100009440914873",
"https://www.linkedin.com/in/vedant-khairnar-337446177/",
"https://twitter.com/VedantKhairnar3",
"https://github.com/VedantKhairnar",
"https://www.instagram.com/kingsmanvk/",
"https://steamcommunity.com/"
]
}
</script>

<!-- <meta name="viewport"-->
<!-- content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.5/css/swiper.min.css'>
<style>
body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
}

.topnav {
overflow: hidden;
background-color: #333;
}

.topnav a {
float: right;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}

.topnav a:hover {
background-color: darkblue;
color: white;
}

/*.topnav a.active {*/
/* !*background-color: darkslateblue;*!*/
/* color: red;*/
/*}*/

.topnav .icon {
display: none;
}

@media screen and (max-width: 600px) {
.topnav a:not(:first-child) {display: none;}
.topnav a.icon {
float: right;
display: block;
}
}

@media screen and (max-width: 600px) {
.topnav.responsive {position: relative;}
.topnav.responsive .icon {
position: absolute;
right: 0;
top: 0;
}
.topnav.responsive a {
float: none;
display: block;
text-align: left;
}
}
</style>

</head>
<body id="top">
<div class="topnav" id="myTopnav">
<a href="#home" class="active">Home</a>
<!-- <a href="#news">News</a>-->
<a href="#contact">Contact</a>
<a href="#aboutus">About</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>

<section id="home" class="s-home target-section">
<div class="shadow-overlay" id="wave"></div>
Expand All @@ -103,16 +149,19 @@
<!--</div>-->


<div class="ourGoals " style="height: 100vh ;background-color: white ;text-align: center ;justify-content: center">



<div class="ourGoals " style="background-color: white ;text-align: center ;justify-content: center">
<br>
<span style="font-size: 3em;font-weight: bold">Our Goals and Objective</span>
<br><br> <br>
<ul style="display: flex;flex-direction: row;justify-content: space-evenly;flex-wrap: wrap;list-style: none">
<li class="" style="max-width: 350px ;flex: 1">
<img src="./images/Goal-amico.svg" style="max-width: 40% ;flex: 1">
<li class="" style="max-width: 350px ">
<img src="./images/Goal-amico.svg" style="max-width: 40% ">
<p>Why put time working on personal projects if you can work on Industry Projects with us!</p>
</li>
<li style="max-width: 350px ;flex: 1;margin-top: 5px" >
<li style="max-width: 350px ;margin-top: 5px" >
<img src="./images/Coding-amico.svg" style="max-width: 60% ;flex: 1">
<p>What do you get do?

Expand All @@ -122,21 +171,22 @@
Get Internship Certificate from NeoVantium.
Open Source Project Contribution Opportunities.</p>
</li>
<li style="max-width: 350px ;flex: 1">
<img src="./images/JavaScript%20frameworks-pana.svg" style="max-width: 40% ;flex: 1">
<li style="max-width: 350px ">
<img src="./images/JavaScript%20frameworks-pana.svg" style="max-width: 40%">
<p>Why did we start this initiative?

We learnt a lot from freelancing. Working on industrial projects starting from Idea Phase till the testing is a w
Why put time working on personal projects if you can work on Industry projects with us?</p>
</li>
</ul>
</div>
<div class="ourGoals" style="height: 50vh;margin-top: -30px ;text-align: center;background: linear-gradient(168deg, black 50%, #111111 0);">
<span style="font-size: 4em;font-weight: bold">Our Collaborators and Community Partners</span>
<ul style="display: flex ;list-style: none;flex-wrap: wrap">
<li style="max-width: 350px ;flex: 1"><a href="#"><img src="./images/codingBlocks.png" style="max-width: 40% ;flex: 1"></a> <h3 style="color: white">Coding Blocks</h3></li>
<li style="max-width: 350px ;flex: 1"><a href="#"> <img src="./images/devScript.png" style="max-width: 40% ;flex: 1"></a><h3 style="color: white">DevScript</h3></li>
<li style="max-width: 350px ;flex: 1"><a href="#"> <img src="./images/tesseract-logo-white.png" style="max-width: 40% ;flex: 1"></a><h3 style="color: white">Tesseract Coding</h3></li>
<div style="text-align: center;background: linear-gradient(168deg, black 50%, #111111 0);">
<span style="font-size: 4em;font-weight: bold">Our Sponsors</span>
<ul style="display: flex ;list-style: none;flex-wrap: wrap ;justify-content: center">
<li style="min-width: 350px "><a href="#"><img src="./images/JavaScript%20frameworks-pana.svg" style="max-width: 40% "></a> <h3 style="color: white">Coding Blocks</h3></li>
<li style="min-width: 350px "><a href="#"> <img src="./images/JavaScript%20frameworks-pana.svg" style="max-width: 40%"></a><h3 style="color: white">DevScripts</h3></li>
<li style="min-width: 350px "><a href="#"> <img src="./images/JavaScript%20frameworks-pana.svg" style="max-width: 40% "></a><h3 style="color: white">Tesseract</h3></li>

</ul>
</div>
<div class="ourGoals" style="height: 100vh ;text-align: center;background-color: white">
Expand All @@ -146,8 +196,26 @@ <h1>Register Now</h1>
<script>Cognito.load("forms", { id: "1" });</script>
</div>
</div>
<div id="aboutus" style="justify-content: center ;color: white;text-align: center">
<h2>About us</h2>

<p style="max-width: 50%;margin-left: 25%">
Why did we start this initiative?<br>

<div class="ourGoals" style="height: 30vh ;background-color: black">
We learnt a lot from freelancing. Working on industrial projects starting from Idea Phase till the testing is a w
Why put time working on personal projects if you can work on Industry projects with us?</p>


</div>
<div id="contact" style="justify-content: center ;background-color: white;text-align: center">
<h1>Contact us</h1>

<p style="max-width: 50%;margin-left: 25%">

Email:<a href="mailto:[email protected]" style="color: #1d24fe">[email protected]</a></a>
</p>
</div>
<div style="background-color: black">

<!-- <a href="https://www.linkedin.com/company/neovantium/"><img src="./images/" alt="LinkedIn"> </a>-->
<!-- <a href="https://www.instagram.com/neovantium/"><img src="./images/" alt="Instagram"> </a>-->
Expand Down Expand Up @@ -200,6 +268,16 @@ <h3 class="subhead subhead--light"> Our Social Presence</h3>
</div>
</div>
</div>
<script>
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/aos.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/build/three.min.js"></script>
Expand All @@ -209,5 +287,6 @@ <h3 class="subhead subhead--light"> Our Social Presence</h3>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.5/js/swiper.min.js'></script>
<script src="./js/script.js"></script>

</body>
</html>

0 comments on commit c602da7

Please sign in to comment.