<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" type="text/css" href="navbarcolor.css">
<style type="text/css">
*{font-family: 'Indie Flower', cursive;}
#msg{
padding:0;
margin:0;
position:fixed;
bottom:-350px;
right:10px;
background-color:white;
max-width:300px;
height:400px;
border:1px solid #d9534f;
}
#msg-top{
background-color:#d9534f;
height:50px;
width:100%;
margin-bottom:20px;
cursor:pointer;
}
#msgboxbtn:hover{
cursor:pointer;
}
#connectbtn{
border-radius:20px;
}
#connectbtn:hover{
cursor:pointer;
}
#vibe{
max-width:500px;
background-color:white;
border-radius:20px;
padding:0;
}
#vibetext{
width:100%;border-radius:20px 0px 0px 20px;border:white;
}
#vibebtn{
width:100%;border-radius:0px 20px 20px 0px;
}
#vibebtn:hover{cursor:pointer;}
@media screen and (max-width:640px) {
#vibe{
border-radius:20px;
}
#vibetext{
border-radius:20px 20px 0px 0px;
}
#vibebtn{
border-radius:0px 0px 20px 20px;
}
}
button,#submitbutton:hover{cursor:pointer;}
#git{color:white;}
#you{color:white;}
#fb{color:white;}
#lid{color:white;}
#tw{color:white;}
#git:hover{color:#EBEDEF;}
#you:hover{color:#EBEDEF;}
#lid:hover{color:#EBEDEF;}
#tw:hover{color:#EBEDEF;}
#fb:hover{color:#EBEDEF;}
.no-js #loader { display: none; }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url('images/refresh.gif') center no-repeat #fff;
}
#shadow{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
@media only screen and (max-width: 600px) {
.jumbotron{
/* background:url('img/header.png')no-repeat !important;
background-size:100% 40% !important; */
background-image:linear-gradient(to left,#288FF5,#7957E7,#401FA7) !important;width:100% !important;color:white !important;
min-height:600px !important;
}
.nav-link{
color:#2F363F!important;
background-color:white!important;
}
#headtext{
margin-left:10px!important;
margin-top:110px !important;
}
#ctn1{
margin-bottom:200px!important;
}
#ctnin1{
margin-left:20px!important;
}
}
</style>
<head>
<!-- Global Site Tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-107498769-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-107498769-1');
</script>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
<link rel="stylesheet" href="https://unpkg.com/aos@2.3.1/dist/aos.css" />
<link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet">
<nav id="nav1" class="navbar navbar-expand-lg fixed-top">
<a class="navbar-brand" href="index.php" style="text-decoration:none;"><h4 style="padding:10px;color:#2F363F;"><b><i style="font-size:50px;color:#FAC42F;" class="fas fa-crown"></i> <span style="color:black;" id="brd">ROYALS DECK</span></b></h4></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"><i class="fa fa-bars" id="toggler" aria-hidden="true" style="color:black;font-size:30px;"></i></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent" style="overflow-x:hidden;">
<!--<ul class="navbar-nav ml-auto" style="margin-left:950px;">
<li class="nav-item">
<a class="nav-link" href=""></a>
</li>
</ul>-->
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" id="nav-link1" style="color:black;text-decoration:none;" href="startupstories.php">Blogs</a>
</li>
<li class="nav-item">
<a class="nav-link" id="nav-link3" style="color:black;text-decoration:none;" href="portfolio.php">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link" id="nav-link4" style="color:black;text-decoration:none;" href="courses.php">Courses</a>
</li>
<li class="nav-item">
<a class="nav-link" id="nav-link5" style="color:black;text-decoration:none;" href="products.php">Products</a>
</li>
</ul>
</div>
</nav>
</head>
<body style="padding-top:90px;">
<br>
<div class="container-fluid" style="padding:20px;margin-top:40px;">
<div class="container" id="shadow" style="padding:30px 10px;">
<div class="row">
<div class="col-md-4"><center><img src="images/java1.png" style="width:150px;height:150px;"></center></div>
<div class="col-md-7">
<center>
<h5>Course Guidelines</h5><br>
<p>This course will help you build concepts with practical examples in java. This is a beginner to advanced java developer course. Where we will start ground's up.</p></center>
</div>
<div class="col-md-1"></div>
</div>
</div><br><hr><br>
<center><h4>Core Java</h4></center><br>
<div class="row">
<div class="col-md-4"><div class="card" id="shadow">
<div class="card-body">
<iframe width="100%" height="200px" src="https://www.youtube.com/embed/qiGZuo7p3vc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe><br><br>
<center>
<h4>Java Regex</h4>
<p>String is valid hex - color code or not ?</p><br>
<br><br></center>
</div>
</div><br>
</div>
<div class="col-md-4"><div class="card">
<div class="card-body" id="shadow">
<iframe width="100%" height="200px" src="https://www.youtube.com/embed/ghQe5OvmArc?rel=0&showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe><br><br>
<center>
<h4>Pattern Problems</h4>
<p>Pattern 1</p><br>
<br><br></center>
</div>
</div><br>
</div>
<div class="col-md-4"><div class="card" id="shadow">
<div class="card-body">
<iframe width="100%" height="200px" src="https://www.youtube.com/embed/A6q4i2gWurM?rel=0&showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe><br><br>
<center>
<h4>Pattern Problems</h4>
<p>Pattern 2.</p><br>
<br><br></center>
</div>
</div><br>
</div>
<div class="col-md-4"><div class="card" id="shadow">
<div class="card-body">
<iframe width="100%" height="200px" src="https://www.youtube.com/embed/e8btEzawxho?rel=0&showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe><br><br>
<center>
<h4>Pattern Problems</h4>
<p>Pattern 3.</p><br>
<br><br></center>
</div>
</div><br>
</div>
<div class="col-md-4"><div class="card" id="shadow">
<div class="card-body">
<iframe width="100%" height="200px" src="https://www.youtube.com/embed/SKKj4YYWwrU?rel=0&showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe><br><br>
<center>
<h4>Java Constructors</h4>
<p>Implement Constructors with practical example.</p><br>
<br><br></center>
</div>
</div><br>
</div>
<div class="col-md-4"><div class="card" id="shadow">
<div class="card-body">
<iframe width="100%" height="200px" src="https://www.youtube.com/embed/etAyXpyBNC0?rel=0&showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe><br><br>
<center>
<h4>Armstrong Number</h4>
<p>Learn with an example - Armstrong Number.</p><br>
<br><br></center>
</div>
</div><br>
</div>
</div></div>
<br>
<!--************Footer***************-->
<footer style="margin:0px;background-image:linear-gradient(to left,#288FF5,#7957E7,#401FA7);height:350px;width:100%;">
<img src="img/wave.png" width="100%" height="120px"/><br>
<div class="container" data-aos="zoom-out-right"><br>
<div class="row">
<div class="col-md-4">
<h1 id="social">
<a style="color:white;" href="https://www.linkedin.com/in/prithwiraj-dutta-8a861a120/" id="lid" target="_blank"><i class="fab fa-linkedin"></i></a>
<a style="color:white;" href="https://www.youtube.com/channel/UCLSxrKkOZdHfh0jVkRwJiYw" id="you" target="_blank"><i class="fab fa-youtube-square"></i></a>
<a style="color:white;" href="https://github.com/prithwirajdutta" id="git" target="_blank"><i class="fab fa-github-square"></i></a>
</h1>
<span style="color: white;"><b>Royals Deck</b><br>A Prithwiraj Enterprise</span>
</div>
<div class="col-md-6"></div>
</div>
</div>
</footer>
<!-- *** Msg Box *** -->
<!--<div id="msg" class="container">
<div id="msg-top" style="padding:10px 0px;"><center><h5 style="color:white;"><i class="far fa-comments"></i> Leave a Message!</h5></center></div>
<div style="padding:5px;">
<form class="form-group" id="add_note_form">
<input type="text" name="name" id="name" placeholder="enter name" class="form-control" required /><br>
<input type="text" name="email" id="email" placeholder="enter email" class="form-control" required /><br>
<input type="text" name="contact" id="contact" placeholder="enter contact" class="form-control" required /><br>
<textarea rows="2" type="text" id="message" name="message" placeholder="enter message" class="form-control" required /></textarea><br>
<input type="submit" id="msgboxbtn" style="width:100%;" value="Send Message" class="btn btn-danger" name="msg_submit">
</form></div>
</div>-->
<!-- *** *** -->
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.css">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<!--************Javascript Libraries***************-->
<script type = "text/javascript"
src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
<!-- <script type="text/javascript">
$(document).ready(function(){
var c=1;
$("#msg-top").click(function(){
c++;
if(c%2==0)
$("#msg").animate({bottom:"0px"},1000);
else
$("#msg").animate({bottom:"-350px"},1000);
});
});
/* Add Message */
var add_note_form = document.querySelector("#add_note_form");
add_note_form.addEventListener("submit",function(e){
e.preventDefault();
add_notification();
});
function add_notification(){
const name = document.querySelector("#name").value;
const email = document.querySelector("#email").value;
const contact = document.querySelector("#contact").value;
const message = document.querySelector("#message").value;
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
swal({
title: "Thanks for Leaving a message !",
text: this.responseText,
icon: "success",
});
}
}
xhttp.open("POST", "function.php", true);
xhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhttp.send("name="+name+"&email="+email+"&contact="+contact+"&message="+message+"&msg_submit=msg_submit");
}
</script>-->
<script>
// When the user scrolls down 80px from the top of the document, resize the navbar's padding and the logo's font size
$(document).ready(function(){
if (document.body.scrollTop > 80 || document.documentElement.scrollTop > 80) {
document.getElementById("nav1").style.background = "white";
document.getElementById("nav1").style.boxShadow = " 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)";
document.getElementById("toggler").style.color = "#2F363F";
document.getElementById("nav-link1").style.color = "#2F363F";
document.getElementById("nav-link2").style.color = "#2F363F";
document.getElementById("nav-link3").style.color = "#2F363F";
document.getElementById("nav-link4").style.color = "#2F363F";
document.getElementById("nav-link5").style.color = "#2F363F";
}
else
{
document.getElementById("nav1").style.background = "transparent";
document.getElementById("nav1").style.boxShadow = "none";
}
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 80 || document.documentElement.scrollTop > 80) {
document.getElementById("nav1").style.background = "white";
document.getElementById("nav1").style.boxShadow = " 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)";
document.getElementById("toggler").style.color = "#2F363F";
document.getElementById("nav-link1").style.color = "#2F363F";
document.getElementById("nav-link2").style.color = "#2F363F";
document.getElementById("nav-link3").style.color = "#2F363F";
document.getElementById("nav-link4").style.color = "#2F363F";
document.getElementById("nav-link5").style.color = "#2F363F";
}
else
{
document.getElementById("nav1").style.background = "transparent";
document.getElementById("nav1").style.boxShadow = "none";
}
}
});
</script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="https://kit.fontawesome.com/2daac97524.js"></script>
<!-- <script src="http://localhost:3002/dist/aos.js"></script> -->
<script>
AOS.init({
easing: 'ease-out-back',
duration: 1000
});
</script>
<script>
hljs.initHighlightingOnLoad();
$('.hero__scroll').on('click', function(e) {
$('html, body').animate({
scrollTop: $(window).height()
}, 1200);
});
</script>
</body>
<!-- <div class="se-pre-con"></div>
<script>
$(window).load(function() {
// Animate loader off screen
setTimeout(function(){
$(".se-pre-con").fadeOut("slow");
},500);
});</script> -->
</html>