|  | 
|  | 1 | +<!DOCTYPE html> | 
|  | 2 | +<html lang="en"> | 
|  | 3 | + | 
|  | 4 | +<head> | 
|  | 5 | + <meta charset="utf-8"> | 
|  | 6 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | 
|  | 7 | + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | 
|  | 8 | + <meta name="author" content="[YOUR_NAME]" /> | 
|  | 9 | + <title>[YOUR_SITE_NAME] - Designer Resource Navigation</title> | 
|  | 10 | + <meta name="keywords" content="UI design,UI design resources,design navigation,web navigation,design resources,creative navigation,creative website navigation,designer bookmarks,design materials,designer navigation,UI design resources,excellent UI design inspiration,designer navigation,designer website collection,product manager navigation,interaction designer navigation"> | 
|  | 11 | + <meta name="description" content="[YOUR_SITE_NAME] - Curating excellent design websites, UI design resources, creative inspiration sites, and material resource websites from around the world. Regularly updated with quality product design bookmarks."> | 
|  | 12 | + <link rel="shortcut icon" href="../assets/images/favicon.png"> | 
|  | 13 | + <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Arimo:400,700,400italic"> | 
|  | 14 | + <link rel="stylesheet" href="../assets/css/fonts/linecons/css/linecons.css"> | 
|  | 15 | + <link rel="stylesheet" href="../assets/css/fonts/fontawesome/css/font-awesome.min.css"> | 
|  | 16 | + <link rel="stylesheet" href="../assets/css/bootstrap.css"> | 
|  | 17 | + <link rel="stylesheet" href="../assets/css/xenon-core.css"> | 
|  | 18 | + <link rel="stylesheet" href="../assets/css/xenon-components.css"> | 
|  | 19 | + <link rel="stylesheet" href="../assets/css/xenon-skins.css"> | 
|  | 20 | + <link rel="stylesheet" href="../assets/css/nav.css"> | 
|  | 21 | + <script src="../assets/js/jquery-1.11.1.min.js"></script> | 
|  | 22 | + | 
|  | 23 | + <!-- Google Analytics or your analytics code here --> | 
|  | 24 | + <script> | 
|  | 25 | + // Add your analytics tracking code here | 
|  | 26 | + </script> | 
|  | 27 | + | 
|  | 28 | + <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> | 
|  | 29 | + <!--[if lt IE 9]> | 
|  | 30 | + <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> | 
|  | 31 | + <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> | 
|  | 32 | + <![endif]--> | 
|  | 33 | + <!-- / FB Open Graph --> | 
|  | 34 | + <meta property="og:type" content="article"> | 
|  | 35 | + <meta property="og:url" content="[YOUR_WEBSITE_URL]"> | 
|  | 36 | + <meta property="og:title" content="[YOUR_SITE_NAME] - Curating excellent design websites, UI design resources, creative inspiration sites, and material resource websites from around the world."> | 
|  | 37 | + <meta property="og:description" content="UI design,UI design resources,design navigation,web navigation,design resources,creative navigation,creative website navigation,designer bookmarks,design materials,designer navigation"> | 
|  | 38 | + <meta property="og:image" content="[YOUR_WEBSITE_URL]/assets/images/banner.png"> | 
|  | 39 | + <meta property="og:site_name" content="[YOUR_SITE_NAME] - Designer Resource Navigation"> | 
|  | 40 | + <!-- / Twitter Cards --> | 
|  | 41 | + <meta name="twitter:card" content="summary_large_image"> | 
|  | 42 | + <meta name="twitter:title" content="[YOUR_SITE_NAME] - Designer Resource Navigation"> | 
|  | 43 | + <meta name="twitter:description" content="Curating excellent design websites, UI design resources, creative inspiration sites, and material resource websites from around the world."> | 
|  | 44 | + <meta name="twitter:image" content="[YOUR_WEBSITE_URL]/assets/images/banner.png"> | 
|  | 45 | +</head> | 
|  | 46 | + | 
|  | 47 | +<body class="page-body boxed-container"> | 
|  | 48 | + <nav class="navbar horizontal-menu navbar-fixed-top"> | 
|  | 49 | + <div class="navbar-inner"> | 
|  | 50 | + <div class="navbar-brand"> | 
|  | 51 | + <a href="index.html" class="logo"> | 
|  | 52 | + <img src="../assets/images/logo_dark@2x.png" width="100%" alt="" class="hidden-xs"> | 
|  | 53 | + <img src="../assets/images/logo@2x.png" width="100%" alt="" class="visible-xs"> | 
|  | 54 | + </a> | 
|  | 55 | + </div> | 
|  | 56 | + <div class="navbar-mobile-clear"></div> | 
|  | 57 | + <a href="[YOUR_GITHUB_REPO]" target="_blank"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a> | 
|  | 58 | + </div> | 
|  | 59 | + </nav> | 
|  | 60 | + <div class="page-container"> | 
|  | 61 | + <!-- add class "sidebar-collapsed" to close sidebar by default, "chat-visible" to make chat appear always --> | 
|  | 62 | + <div class="main-content" style=""> | 
|  | 63 | + <div class="row"> | 
|  | 64 | + <div class="col-md-12"> | 
|  | 65 | + <div class="panel panel-default"> | 
|  | 66 | + <!-- About the Website --> | 
|  | 67 | + <h4 class="text-gray">About the Website</h4> | 
|  | 68 | + <div class="panel-body"> | 
|  | 69 | + <div class="row"> | 
|  | 70 | + <div class="col-sm-12"> | 
|  | 71 | + <blockquote> | 
|  | 72 | + <p>Over time, I found my bookmarks were becoming cluttered and it was hard to find specific websites when I needed them. That's how this website came to be - it's essentially a curated collection of the most useful sites from my own browser bookmarks, the ones I find myself returning to regularly.</p> | 
|  | 73 | + </br> | 
|  | 74 | + <p>If you're also a designer, if you also love design, I hope this website can be of value to you.</p> | 
|  | 75 | + <p>Feel free to reach out for casual conversation or suggestions via [YOUR_CONTACT_METHOD]: [YOUR_CONTACT_INFO]</p> | 
|  | 76 | + </blockquote> | 
|  | 77 | + </div> | 
|  | 78 | + </div> | 
|  | 79 | + <!-- About the Creator --> | 
|  | 80 | + <h4 class="text-gray">About the Creator</h4> | 
|  | 81 | + <div class="row"> | 
|  | 82 | + <div class="col-sm-4"> | 
|  | 83 | + <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('[YOUR_PERSONAL_WEBSITE]', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="[YOUR_PERSONAL_WEBSITE]"> | 
|  | 84 | + <div class="xe-comment-entry"> | 
|  | 85 | + <a class="xe-user-img"> | 
|  | 86 | + <img src="../assets/images/logos/[YOUR_AVATAR].png" class="img-circle" width="40"> | 
|  | 87 | + </a> | 
|  | 88 | + <div class="xe-comment"> | 
|  | 89 | + <a href="#" class="xe-user-name overflowClip_1"> | 
|  | 90 | + <strong>[YOUR_TITLE]. [YOUR_NAME].</strong> | 
|  | 91 | + </a> | 
|  | 92 | + <p class="overflowClip_2">[YOUR_BIO_DESCRIPTION]</p> | 
|  | 93 | + </div> | 
|  | 94 | + </div> | 
|  | 95 | + </div> | 
|  | 96 | + </div> | 
|  | 97 | + <div class="col-md-8"> | 
|  | 98 | + <div class="row"> | 
|  | 99 | + <div class="col-sm-12"> | 
|  | 100 | + <br /> | 
|  | 101 | + <blockquote> | 
|  | 102 | + <p> | 
|  | 103 | + This is a passion project and it's <a href="[YOUR_GITHUB_REPO]"> open source </a><iframe src="https://ghbtns.com/github-btn.html?user=[YOUR_GITHUB_USERNAME]&repo=[YOUR_REPO_NAME]&type=star&count=true" frameborder="0" scrolling="0" width="90px" height="20px"></iframe>. You can also use it to create your own resource navigation site. If you have better ideas or suggestions, you can reach me through my personal website <a href="[YOUR_PERSONAL_WEBSITE]"><span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Visit my website">[YOUR_DOMAIN]</span></a>. I welcome exchanges and sharing of ideas. | 
|  | 104 | + </p> | 
|  | 105 | + </blockquote> | 
|  | 106 | + </div> | 
|  | 107 | + </div> | 
|  | 108 | + <br> | 
|  | 109 | + </div> | 
|  | 110 | + </div> | 
|  | 111 | + </div> | 
|  | 112 | + </div> | 
|  | 113 | + </div> | 
|  | 114 | + </div> | 
|  | 115 | + <!-- Main Footer --> | 
|  | 116 | + <footer class="main-footer sticky footer-type-1 fixed"> | 
|  | 117 | + <div class="footer-inner"> | 
|  | 118 | + <div class="footer-text"> | 
|  | 119 | + © [CURRENT_YEAR] | 
|  | 120 | + <a href="../en/about.html"><strong>[YOUR_SITE_NAME]</strong></a> design by <a href="[YOUR_PERSONAL_WEBSITE]" target="_blank"><strong>[YOUR_NAME]</strong></a> | 
|  | 121 | + </div> | 
|  | 122 | + <div class="go-up"> | 
|  | 123 | + <a href="#" rel="go-top"> | 
|  | 124 | + <i class="fa-angle-up"></i> | 
|  | 125 | + </a> | 
|  | 126 | + </div> | 
|  | 127 | + </div> | 
|  | 128 | + </footer> | 
|  | 129 | + </div> | 
|  | 130 | + </div> | 
|  | 131 | + <!-- Bottom Scripts --> | 
|  | 132 | + <script src="assets/js/bootstrap.min.js"></script> | 
|  | 133 | + <script src="assets/js/TweenMax.min.js"></script> | 
|  | 134 | + <script src="assets/js/resizeable.js"></script> | 
|  | 135 | + <script src="assets/js/joinable.js"></script> | 
|  | 136 | + <script src="assets/js/xenon-api.js"></script> | 
|  | 137 | + <script src="assets/js/xenon-toggles.js"></script> | 
|  | 138 | + <!-- JavaScripts initializations and stuff --> | 
|  | 139 | + <script src="assets/js/xenon-custom.js"></script> | 
|  | 140 | + <textarea tabindex="-1" style="position: absolute; top: -999px; left: 0px; right: auto; bottom: auto; border: 0px; padding: 0px; box-sizing: content-box; word-wrap: break-word; overflow: hidden; transition: none; height: 0px !important; min-height: 0px !important; font-family: Arimo, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; font-style: normal; letter-spacing: 0px; text-transform: none; word-spacing: 0px; text-indent: 0px; line-height: 18.5714px; width: 53px;" class="autosizejs" id="autosizejs"></textarea> | 
|  | 141 | +</body> | 
|  | 142 | + | 
|  | 143 | +</html> | 
0 commit comments