These are all of my portfolios and exercises repositories, I will put all my practice files here.
1.My First Web Page for ( HYF school homework):
https://kemirdin.github.io/HTML-CSS-Portfolio/MyFirstWeb/index.html
- HTML5 CSS-Driven Responsive Image Slider With Captions:
https://kemirdin.github.io/HTML-CSS-Portfolio/Myfirst/index.html
3.My face with Font-face :
https://kemirdin.github.io/HTML-CSS-Portfolio/Font-face/index.html
4.JapaneseFont :
https://kemirdin.github.io/HTML-CSS-Portfolio/JapaneseFont/index.html
- CSS layout:
https://kemirdin.github.io/HTML-CSS-Portfolio/csslayout/index.html
- Using Css Grid:
https://kemirdin.github.io/HTML-CSS-Portfolio/UsingCssGrid/index.html
7.How to Build a Responsive Image Gallery with Flexbox,Css Flexbox with cool hover effects:
https://kemirdin.github.io/HTML-CSS-Portfolio/NiceFlexBox-Hover/index.html
8.Playing with flexbox , Flexbox layout ( resize):
https://kemirdin.github.io/HTML-CSS-Portfolio/PlayingFlexBox/index.html
9.Login with Flex Box
https://kemirdin.github.io/HTML-CSS-Portfolio/FlexBoxLogin/index.html
10.Gangnam Style with list
https://kemirdin.github.io/HTML-CSS-Portfolio/GangnamStyle/index.html
11.Responsive Flexbox
https://kemirdin.github.io/HTML-CSS-Portfolio/Responsive-Flexbox/index.html
12.This is about Sign-Up-Login-Form:
https://kemirdin.github.io/HTML-CSS-Portfolio/Sign-Up-Login-Form/index.html
- I was tried to make cool bar but it couldn't shouw ,
https://kemirdin.github.io/HTML-CSS-Portfolio/NavBarPage/index.html
14.This is simple Logo with Bar
https://kemirdin.github.io/HTML-CSS-Portfolio/LogoWhithBar/index.html
15.Nav bar with Blockquote 1
https://kemirdin.github.io/HTML-CSS-Portfolio/NavBar1/index.html
- Nav bar with Blockquote 2
https://kemirdin.github.io/HTML-CSS-Portfolio/NavBar2/index.html
- This is about Clip Menu
https://kemirdin.github.io/HTML-CSS-Portfolio/ClipMenu/index.html
- CSS Background Color Change on Hover
https://kemirdin.github.io/HTML-CSS-Portfolio/backgroundColorHover/index.html
- CSS Grid Page Layout Demo
https://kemirdin.github.io/HTML-CSS-Portfolio/CssGridPage/index.html
- CSS Hover Animation
https://kemirdin.github.io/HTML-CSS-Portfolio/CSSHoverAni/index.html
- Text animation
https://kemirdin.github.io/HTML-CSS-Portfolio/Textanimation/index.html
- I made a simple page but couldn't show
https://kemirdin.github.io/HTML-CSS-Portfolio/SimplePage/index.html
23.CSS Text-FX and Gradient Background On Hover :
https://kemirdin.github.io/HTML-CSS-Portfolio/CSSTextFX/index.html
- CSS Grid Exemple 1
https://kemirdin.github.io/HTML-CSS-Portfolio/GSSGridExemple/index.html
- CSS grid exemple 2
https://kemirdin.github.io/HTML-CSS-Portfolio/CssGridExemple2/index.html
- Infinitely looping elegant fading animation (1 line of CSS)
https://kemirdin.github.io/HTML-CSS-Portfolio/CssFadingAni/index.html
27.Fading text with CSS blend modes
https://kemirdin.github.io/HTML-CSS-Portfolio/FadingText/index.html
28.Glitchy Text with Full stack web developer
https://kemirdin.github.io/HTML-CSS-Portfolio/GlitchyText/index.html
29.Image Comparison ( it is still not working )
https://kemirdin.github.io/HTML-CSS-Portfolio/ImageComparison/index.html
30.Material Navigation Pure CSS
https://kemirdin.github.io/HTML-CSS-Portfolio/MaterialNavigationPure/index.html
31.Merry Christmas Multilingual Scroll
https://kemirdin.github.io/HTML-CSS-Portfolio/MultilingualScroll/index.html
32.Merry Christmas Multilingual Scroll with snow
https://kemirdin.github.io/HTML-CSS-Portfolio/SnowMerry/index.html
33.Happy New Year with Multilingual Scroll
https://kemirdin.github.io/HTML-CSS-Portfolio/HappyNew/index.html
34.Happy New Year with Article Tiles
https://kemirdin.github.io/HTML-CSS-Portfolio/HappyNewYear/index.html
34 . Bhagat Singh Biography Build a Tribute Page
https://kemirdin.github.io/HTML-CSS-Portfolio/BSinghBiography/index.html
- Kemirdin Web developer first profile ( it's still working )
https://kemirdin.github.io/HTML-CSS-Portfolio/WebDeveloperPro/index.html
36.BTW you can hover over any box! CSS-only version.
https://kemirdin.github.io/HTML-CSS-Portfolio/HoverBoxExample/index.html
37.My youtube Chanel Web
https://kemirdin.github.io/HTML-CSS-Portfolio/MyYoutubeChanal/index.html
38.HTML-CSS-Portfolio/TopBottom/
https://kemirdin.github.io/HTML-CSS-Portfolio/TopBottom/index.html
39.HTML-CSS-Portfolio/StickyHeaderCSSTransition/
https://kemirdin.github.io/HTML-CSS-Portfolio/StickyHeaderCSSTransition/index.html
40.HTML-CSS-Portfolio/HeaderBackground/
https://kemirdin.github.io/HTML-CSS-Portfolio/HeaderBackground/index.html
41.Portfolio Responsive
https://kemirdin.github.io/HTML-CSS-Portfolio/PortfolioResponsive/index.html
42.Css Slider with color
https://kemirdin.github.io/HTML-CSS-Portfolio/CssSlider/index.html
- Css Slider with Image
https://kemirdin.github.io/HTML-CSS-Portfolio/CssSliderWithImage/index.html
44.Social Media Button
https://kemirdin.github.io/HTML-CSS-Portfolio/SocialMediaButton/index.html
- Simple Button
https://kemirdin.github.io/HTML-CSS-Portfolio/SimpleButton/index.html
- This is cool wishe to wish a programmer Happy New Year
https://kemirdin.github.io/HTML-CSS-Portfolio/IdeEditorCss/index.html
- Css text
https://kemirdin.github.io/HTML-CSS-Portfolio/CssPractice/index.html
- css grid exercise
https://kemirdin.github.io/HTML-CSS-Portfolio/CssGridExercise/index.html
- Pure CSS Responsive Flexbox Navigation
https://kemirdin.github.io/HTML-CSS-Portfolio/CSSResFlexboxNavi/index.html
- Pure CSS Custom Dropdown
https://kemirdin.github.io/HTML-CSS-Portfolio/CustomDropdown/index.html
51.Pure Css Nav Menu Cool
https://kemirdin.github.io/HTML-CSS-Portfolio/CssMenuCool/index.html
52.Tamerlane with Clip Path
https://kemirdin.github.io/HTML-CSS-Portfolio/TamerlaneClipPath/index.html
- CSS Menu hover effect
https://kemirdin.github.io/HTML-CSS-Portfolio/MenuHoverEffect/index.html
54.CSS Glass Effect
https://kemirdin.github.io/HTML-CSS-Portfolio/CSSGlassEffect/index.html
- Pure CSS, annotated linear carousel
https://kemirdin.github.io/HTML-CSS-Portfolio/PureCssAnnotatedLineCarou/index.html
56.Responsive Content Boxes
https://kemirdin.github.io/HTML-CSS-Portfolio/ResponsiveContentBoxes/index.html
- Basic Parallax Scrolling with Css
https://kemirdin.github.io/HTML-CSS-Portfolio/BasicParallaxScrollingCss/index.html
58.Css Menu Hover Effect
https://kemirdin.github.io/HTML-CSS-Portfolio/CssMenuHoverEffect/index.html
59.Css Menu Hover Effect with Css Text Animation
https://kemirdin.github.io/HTML-CSS-Portfolio/HTML5CssAnimation/index.html
60.Css3 ID Card
https://kemirdin.github.io/HTML-CSS-Portfolio/Css3IDCard/index.html
- My Cool Footer
https://kemirdin.github.io/HTML-CSS-Portfolio/MyCoolFooter/index.html
- Css Grid With Multiple Image
https://kemirdin.github.io/HTML-CSS-Portfolio/CssGridMultipleImage/index.html
63.Responsive Design HTML/CSS
https://kemirdin.github.io/HTML-CSS-Portfolio/Responsive%20Design%20HTML-CSS/index.html
64.Hackers Photo Gallery with HTML/CSS
https://kemirdin.github.io/HTML-CSS-Portfolio/PhotoWithHtml-Css/index.html
65.Header, 2 columns, footer responsive version
https://kemirdin.github.io/HTML-CSS-Portfolio/Header2ColomnsFooterResVersion/index.html
- Card-Media with Css-Html
https://kemirdin.github.io/HTML-CSS-Portfolio/Card-Media/index.html
67.Shapes With Text
https://kemirdin.github.io/HTML-CSS-Portfolio/ShapesWithText/index.html
- Flex box and Css grid Layout
https://kemirdin.github.io/HTML-CSS-Portfolio/FlexBoxCssGridLayout/index.html
69.Flex hove Grid
https://kemirdin.github.io/HTML-CSS-Portfolio/FlexMediaGrid/index.html
70.Simple sign file
https://kemirdin.github.io/HTML-CSS-Portfolio/SimpleLable/index.html
- h1 3d text disign
https://kemirdin.github.io/HTML-CSS-Portfolio/headerDesign/index.html
- pic galley
https://kemirdin.github.io/HTML-CSS-Portfolio/PicGallary/index.html
73.profile card
https://kemirdin.github.io/HTML-CSS-Portfolio/ProfileCard/index.html
74.Login Form with Floating Label - CSS Only
https://kemirdin.github.io/HTML-CSS-Portfolio/FlotingLable/index.html
75.most popular web design books - CSS Only
https://kemirdin.github.io/HTML-CSS-Portfolio/BookList/index.html
76.most poular web book list with JavaScript
https://kemirdin.github.io/hyf-javascript2/week1/index.html
77.Double Exposure
https://kemirdin.github.io/HTML-CSS-Portfolio/DoubleExposure/index.html
78.Simple Image Slideshow
https://kemirdin.github.io/HTML-CSS-Portfolio/SimpleImageSlideshow/index.html
79.Flex and Grid demo
https://kemirdin.github.io/HTML-CSS-Portfolio/FlexAndGridDemo/index.html
- Image Hover effect
https://kemirdin.github.io/HTML-CSS-Portfolio/ImageHoverEffect/index.html
81.text animation with Gijs
https://kemirdin.github.io/HTML-CSS-Portfolio/TextAniGijs/index.html