Permalink
Browse files

Initial Commit

  • Loading branch information...
0 parents commit a4cd877526daf34f31d8123b710b44dcd742d20f @BuckyMaler committed Aug 8, 2016
Showing with 4,718 additions and 0 deletions.
  1. +38 −0 .gitignore
  2. BIN Portfolio.psd
  3. +16 −0 README.md
  4. +8 −0 assets/css/base/_body-element.sass
  5. +33 −0 assets/css/base/_fonts.scss
  6. +221 −0 assets/css/base/_normalize.scss
  7. +14 −0 assets/css/base/_selection-colors.sass
  8. +5 −0 assets/css/base/_vars.sass
  9. BIN assets/css/fonts/Montserrat-Black.eot
  10. BIN assets/css/fonts/Montserrat-Black.svg
  11. BIN assets/css/fonts/Montserrat-Black.ttf
  12. BIN assets/css/fonts/Montserrat-Black.woff
  13. BIN assets/css/fonts/Montserrat-Bold.eot
  14. BIN assets/css/fonts/Montserrat-Bold.svg
  15. BIN assets/css/fonts/Montserrat-Bold.ttf
  16. BIN assets/css/fonts/Montserrat-Bold.woff
  17. BIN assets/css/fonts/Montserrat-Light.eot
  18. BIN assets/css/fonts/Montserrat-Light.svg
  19. BIN assets/css/fonts/Montserrat-Light.ttf
  20. BIN assets/css/fonts/Montserrat-Light.woff
  21. BIN assets/css/fonts/Montserrat-Regular.eot
  22. BIN assets/css/fonts/Montserrat-Regular.svg
  23. BIN assets/css/fonts/Montserrat-Regular.ttf
  24. BIN assets/css/fonts/Montserrat-Regular.woff
  25. +50 −0 assets/css/layouts/_grid.sass
  26. +1 −0 assets/css/main.css
  27. +26 −0 assets/css/main.sass
  28. +189 −0 assets/css/modules/_about.sass
  29. +75 −0 assets/css/modules/_contact.sass
  30. +44 −0 assets/css/modules/_device-notification.sass
  31. +76 −0 assets/css/modules/_header.sass
  32. +167 −0 assets/css/modules/_hire.sass
  33. +175 −0 assets/css/modules/_intro.sass
  34. +113 −0 assets/css/modules/_outer-nav.sass
  35. +19 −0 assets/css/modules/_section.sass
  36. +65 −0 assets/css/modules/_side-nav.sass
  37. +178 −0 assets/css/modules/_work.sass
  38. BIN assets/img/about-history.jpg
  39. BIN assets/img/about-philosophy.jpg
  40. BIN assets/img/about-visual.png
  41. BIN assets/img/about-winners.jpg
  42. BIN assets/img/contact-visual.png
  43. BIN assets/img/introduction-visual.png
  44. BIN assets/img/logo.png
  45. BIN assets/img/work-alex-nowak.jpg
  46. BIN assets/img/work-metiew-smith.jpg
  47. BIN assets/img/work-victory.jpg
  48. +1 −0 assets/js/functions-min.js
  49. +280 −0 assets/js/functions.js
  50. +2,643 −0 assets/js/vendor/hammer-2.0.8.js
  51. +4 −0 assets/js/vendor/jquery-2.2.4.min.js
  52. +277 −0 index.html
@@ -0,0 +1,38 @@
+### OSX ###
+*.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+.com.apple.timemachine.donotpresent
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+
+### CodeKit ###
+# General CodeKit files to ignore
+config.codekit
+/min
+
+
+### Sass ###
+.sass-cache/
+*.css.map
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@@ -0,0 +1,16 @@
+# [Global: HTML5 website template](http://buckymaler.com/featured-work/global)
+
+Global is a modern and sleek website template crafted for professionals in the creative industry. Global can serve as a single page portfolio or be easily modified to serve as the perfect beginning for a hip creative agency.
+
+The original PSD is included and was provided by [Sergey Melnik](https://www.behance.net/SergeyMelnik)
+
+This project was developed with HTML5, Sass, and JavaScript.
+
+Performance basics are covered: assets are minified into single CSS and JS files, and the images are optimized.
+
+[LIVE PREVIEW](http://buckymaler.com/featured-work/global)
+
+## Misc:
+
+* Follow Bucky: [Twitter](https://twitter.com/BuckyMaler), [GitHub](https://github.com/BuckyMaler)
+* Follow Sergey: [Dribbble](https://dribbble.com/sergeymelnik), [Bēhance](https://www.behance.net/SergeyMelnik)
@@ -0,0 +1,8 @@
+body
+ background-color: $black
+ font-size: 14px
+ line-height: 1.6
+ font-family: "Montserrat", sans-serif
+ color: $white
+ -webkit-font-smoothing: antialiased
+ -webkit-text-size-adjust: 100%
@@ -0,0 +1,33 @@
+// https://www.fontsquirrel.com/fonts/montserrat
+
+@font-face {
+ font-family: 'Montserrat';
+ src: url('fonts/Montserrat-Black.eot');
+ src: local(''), url('fonts/Montserrat-Black.woff') format('woff'), url('fonts/Montserrat-Black.ttf') format('truetype'), url('fonts/Montserrat-Black.svg') format('svg');
+ font-weight: 900;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Montserrat';
+ src: url('fonts/Montserrat-Bold.eot');
+ src: local(''), url('fonts/Montserrat-Bold.woff') format('woff'), url('fonts/Montserrat-Bold.ttf') format('truetype'), url('fonts/Montserrat-Bold.svg') format('svg');
+ font-weight: 700;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Montserrat';
+ src: url('fonts/Montserrat-Regular.eot');
+ src: local(''), url('fonts/Montserrat-Regular.woff') format('woff'), url('fonts/Montserrat-Regular.ttf') format('truetype'), url('fonts/Montserrat-Regular.svg') format('svg');
+ font-weight: 400;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Montserrat';
+ src: url('fonts/Montserrat-Light.eot');
+ src: local(''), url('fonts/Montserrat-Light.woff') format('woff'), url('fonts/Montserrat-Light.ttf') format('truetype'), url('fonts/Montserrat-Light.svg') format('svg');
+ font-weight: 300;
+ font-style: normal;
+}
@@ -0,0 +1,221 @@
+/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
+
+html {
+ font-family: sans-serif;
+ -ms-text-size-adjust: 100%;
+ -webkit-text-size-adjust: 100%;
+}
+
+body {
+ margin: 0;
+}
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+ display: block;
+}
+
+audio,
+canvas,
+progress,
+video {
+ display: inline-block;
+ vertical-align: baseline;
+}
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+[hidden],
+template {
+ display: none;
+}
+
+a {
+ background-color: transparent;
+}
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+b,
+strong {
+ font-weight: bold;
+}
+
+dfn {
+ font-style: italic;
+}
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+small {
+ font-size: 80%;
+}
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+img {
+ border: 0;
+}
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+figure {
+ margin: 1em 40px;
+}
+
+hr {
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+}
+
+pre {
+ overflow: auto;
+}
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em;
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ color: inherit;
+ font: inherit;
+ margin: 0;
+}
+
+button {
+ overflow: visible;
+}
+
+button,
+select {
+ text-transform: none;
+}
+
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button;
+ cursor: pointer;
+}
+
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+input {
+ line-height: normal;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box;
+ padding: 0;
+}
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+input[type="search"] {
+ -webkit-appearance: textfield;
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+}
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+legend {
+ border: 0;
+ padding: 0;
+}
+
+textarea {
+ overflow: auto;
+}
+
+optgroup {
+ font-weight: bold;
+}
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+td,
+th {
+ padding: 0;
+}
@@ -0,0 +1,14 @@
+::selection
+ background: #FFF498
+
+::-moz-selection
+ background: #FFF498
+
+img::selection
+ background: transparent
+
+img::-moz-selection
+ background: transparent
+
+body
+ -webkit-tap-highlight-color: #FFF498
@@ -0,0 +1,5 @@
+// Colors
+$white: #fff
+$black: #0c0c0c
+$highlight: #0f33ff
+$muted-gray: #282828
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,50 @@
+.l-viewport
+ position: relative
+ width: 100%
+ height: 100vh
+ box-shadow: 0 0 45px 5px rgba(0,0,0,.85)
+ overflow: hidden
+
+.l-wrapper
+ position: relative
+ width: 1440px
+ max-width: 90%
+ height: 100%
+ margin: 0 auto
+
+.l-side-nav
+ position: absolute
+ left: 0
+ display: flex
+ height: 100%
+ align-items: center
+
+ // placed on layout class due to firefox bug
+ &::before
+ content: ""
+ position: absolute
+ top: 50%
+ left: 0
+ transform: translateY(-50%)
+ width: 2px
+ height: 70%
+ max-height: 750px
+ background-color: #555
+ opacity: .35
+ z-index: 10
+
+ @media (max-width: 1180px)
+ display: none
+
+.l-main-content
+ position: relative
+ width: 100%
+ height: 100%
+ margin: 0
+ padding: 0
+ list-style: none
+
+.l-section
+ position: absolute
+ width: 100%
+ height: 100%
Oops, something went wrong.
Oops, something went wrong.

0 comments on commit a4cd877

Please sign in to comment.