A concept design of full page navigation, full of typography, and using icons as large images. I haven't used neither Javascript codes, nor a CSS preprocessors here.
A Pen by kwesi_welbred on CodePen.
Peacemaker Otoo otoo-peacemaker
👨💻
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <main class="site-wrapper"> | |
| <div class="pt-table desktop-768"> | |
| <div class="pt-tablecell page-home relative" style="background-image: url(https://images.unsplash.com/photo-1486870591958-9b9d0d1dda99?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1500&q=80); | |
| background-position: center; | |
| background-size: cover;"> | |
| <div class="overlay"></div> | |
| <div class="container"> | |
| <div class="row"> | |
| <div class="col-xs-12 col-md-offset-1 col-md-10 col-lg-offset-2 col-lg-8"> |
otoo-peacemaker
/ codepenchallenge-full-page-nav.markdown
Created
November 5, 2020 22:42
#CodepenChallenge Full Page Nav
otoo-peacemaker
/ codepenchallenge-full-page-nav.markdown
Created
November 5, 2020 22:37
#CodepenChallenge Full Page Nav
otoo-peacemaker
/ gist:f6f54d8c60df6987e7cfbf7e95ec474b
Created
October 24, 2020 15:27
— forked from rxaviers/gist:7360908
Complete list of github markdown emoji markup
People
 :bowtie: |
😄 :smile: |
😆 :laughing: |
|---|---|---|
😊 :blush: |
😃 :smiley: |
:relaxed: |
😏 :smirk: |
😍 :heart_eyes: |
😘 :kissing_heart: |
😚 :kissing_closed_eyes: |
😳 :flushed: |
😌 :relieved: |
😆 :satisfied: |
😁 :grin: |
😉 :wink: |
😜 :stuck_out_tongue_winking_eye: |
😝 :stuck_out_tongue_closed_eyes: |
😀 :grinning: |
😗 :kissing: |
😙 :kissing_smiling_eyes: |
😛 :stuck_out_tongue: |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*The following codes consists of three java classes: DBconnection class,CreateTable class, and Main JDBC class. | |
| *The DBconnection class helps to use the Database connection anywhere your programme. | |
| *The CreateTable also helps to access or manipualte database right in the project with less code complexity. | |
| *The main JDBC class is where we the actual coding. Thus, The DML and DQL. | |
| */ | |
| //Java class : DBconnection |
NewerOlder