<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" type="text/css" href="navbarcolor.css">
<style type="text/css">
#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);
}
#steve:hover{
cursor: pointer;
top:-20px!important;
left:0px!important;
transition: left 1s;
transition-timing-function: linear;
}
@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" style="padding:20px;margin-top:40px;">
<img src="https://c1.sfdcstatic.com/content/dam/blogs/us/September2015/marc%20keynote%20header.jpg" style="width:100%;min-height:600px;"/><br><br>
<center><h1 style="color:#5B2C6F;">Story of Salesforce</h1></center>
<br>
<p style="font-size:25px;text-align:justify;"> Salesforce began in a small apartment in Telegraph Hill in San Francisco. Marc Benioff decided to leave a lucrative sales career at Oracle in order to pursue a vision.<br><br>Marc Benioff wanted to get out of the routine job and wanted to pursue his dream. He left Oracle to start with a cloud based CRM software “Salesforce” which was first of its kind during the time when software was delivered only through local installation processes. Salesforce was the first software solution to be delivered over the browser through a multitenant cloud infrastructure.<br><br>Soon Salesforce came to notice as Benioff hired paid actors to display “Anti-software” movement. This gained attention but none thought that this would take upon giant software companies. There were challenges to be overcome in terms of data security over the browser, and Benioff had to build trust that their data would be safe with Salesforce.<br><br>Back then CRM softwares turned complicated because of heavy features provided by software companies like SAP and Oracle. On the other hand what Salesforce introduced was easy to use and anyone could just login and use the system, first 5 users for free.<br><br>This was a revolution in the software industry and this model of business “SAAS” – Software as a Service came into existence and grew fast and more and more businesses adopted this methodology to deliver services to their clients worldwide.<br><br>In 2003, Salesforce introduced its first annual Dreamforce conference, which eventually turned out to be one of the greatest software events.<br><br>Soon, Salesforce started acquiring softwares to grow their footprint in the software industry. Salesforce successfully completed its first acquisition by buying ExactTarget and renaming it as Marketing Cloud. Later, Salesforce bought giants like Tableau.<br><br>From 2005 to 2014, Salesforce transformed from being a Software as a Service to Platform as a Service. It introduced its first on the cloud programming language APEX. <br><br>Salesforce later introduced AppExchange which is a platform to allow developers to create and sell their applications built on top of Salesforce Platform.<br><br>On 2008, Salesforce officially launched Force.com, which was the worlds first platform-as-a-service delivered over the cloud.<br><br>Salesforce acquired Tableau, Radian6, Jigsaw, Exacttarget and many other software solutions inorder to expand its business globally.<br><br>Salesforce turned out to be the worlds number 1 CRM software solution delivered over the cloud and the company continues to improve and grow.<br><br><b>Reference </b><br><a href="https://www.j2interactive.com/blog/brief-history-salesforce/">https://www.j2interactive.com/blog/brief-history-salesforce/</a><br><a href="https://usefyi.com/salesforce-history/">https://usefyi.com/salesforce-history/</a></p>
</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>