Skip to content

Instantly share code, notes, and snippets.

@shrutis22

shrutis22/ProjectPortfolio.html

Created October 6, 2016 19:58
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save shrutis22/54a13dee3d2e4d80753f8e3c6f6db5d4 to your computer and use it in GitHub Desktop.
Save shrutis22/54a13dee3d2e4d80753f8e3c6f6db5d4 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
ProjectPortfolio.html
<apex:page controller="ProjectPortfolioController" sidebar="false" showHeader="false" standardStylesheets="false" applyHtmlTag="false" applyBodyTag="false" cache="false" expires="0" docType="html-5.0">
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Shruti's Portfolio</title>
<link rel="stylesheet" type="text/css" href="{!URLFOR($Resource.Pace,'flash.css')}" />
<script type="text/javascript" src="{!URLFOR($Resource.Pace,'pace.min.js')}"></script>
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Alfa+Slab+One|Baloo+Da|Bree+Serif|Chewy|Indie+Flower|Shadows+Into+Light" />
<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" />
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="{!URLFOR($Resource.PagePiling, 'jquery.pagepiling.min.css')}" />
<link rel="stylesheet" type="text/css" href="{!$Resource.ProjectPortfolioCSS}" />
<link rel="stylesheet" type="text/css" href="{!URLFOR($Resource.JSSocials, 'jssocials.css')}" />
<link rel="stylesheet" type="text/css" href="{!URLFOR($Resource.JSSocials, 'jssocials-theme-minima.css')}" />
</head>
<body>
<div class="loading">
<div class="center loading-msg">
Loading the Awesome. <br/> Please wait...
</div>
</div>
<div class="pos-f-t">
<div class="collapse" id="navbar-header" aria-expanded="false" style="height: 0px;">
<div class="container-fluid bg-inverse p-a-1">
<h3 class="navbar-caption">Shruti Sridharan's Portfolio</h3>
<p class="navbar-summary">My Explorations on the Force.com Platform</p>
</div>
</div>
<div class="navbar navbar-static-top">
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbar-header" aria-expanded="false">
☰
</button>
<div class="pull-xs-right navbar-help">
Use Mouse Scroll <img src="https://cdn4.iconfinder.com/data/icons/for-your-interface-free-samples/128/Mouse-48.png" />
</div>
</div>
</div>
<div id="projects">
<apex:repeat value="{!allProjects}" var="project">
<div class="section" style="{!project.Slide_Style__c}">
<div class="container">
<div class="row">
<div class="col-xs-12 col-lg-4 img-wrapper">
<div class="img-frame p-a-1 m-t-2 m-b-3">
<a href="{!project.Blog_Link__c}" target="_blank">
<img name="featuredImg" src="{!project.Featured_Image__c}" style="{!project.Featured_Image_Style__c}" />
</a>
</div>
</div>
<div class="col-xs-12 col-lg-8 column-divider hidden-md-down">
<div class="row">
<div class="col-sm-12">
<div style="{!project.Caption_Style__c}">
<div name="animation" animation="{!project.Caption_Animation__c}">
{!project.Name}
</div>
</div>
</div>
<div class="col-sm-12">
<div name="animation" animation="{!project.Description_Animation__c}" style="{!project.Description_Style__c}">
<apex:outputText value="{!project.Project_Description__c}" escape="false"></apex:outputText>
</div>
</div>
<div class="col-sm-12">
<a href="{!project.Project_Link__c}" class="{!project.View_Button_Class__c}" target="_blank">
Open Project
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</apex:repeat>
<nav class="navbar navbar-default navbar-fixed-bottom">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-6 p-t-half hidden-sm-down">
Proudly hosted on the <img src="/favicon.ico" /> Force.com Platform
</div>
<div class="col-sm-12 col-md-6">
<div id="share" class="text-right"></div>
</div>
</div>
</div>
</nav>
</div>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js"></script>
<script type="text/javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/js/bootstrap.min.js"></script>
<script type="text/javascript" src="{!URLFOR($Resource.PagePiling, 'jquery.pagepiling.min.js')}"></script>
<script type="text/javascript" src="{!URLFOR($Resource.JSSocials, 'jssocials.min.js')}"></script>
<script type="text/javascript" src="{!$Resource.ProjectPortfolioJS}"></script>
</body>
</html>
</apex:page>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment