Git Product home page Git Product logo

pragmatechfoundationproject's Introduction

Emirler

bezi CMD komutlari

  • mkdir dosya yaradir
  • rmdir dosya silir
  • touch fayil yaradir (.css .html .md)
  • rm fayil silir
  • cd dosya_adi dosyaya daxil olur
  • cd .. doyadan bir adim geri cixir

bezi GIT komutlari(DOSYAMIZDA deyisiklik edsek ardicil olaraq asaqidakilari icra et)

  • git status (dosyamizin hani veziyete hansi statusda olduqun gorsedir)
  • git add . (dosyamizda deyisikler olubsa elave etmek ucun)
  • git commit -m 'comentimiz' (ediyimiz deyisiklere coment qoyuymaq ucun)
  • git push -u origin main (githuba gonderiri sonda)

Week02

Day01

HTML ve Css edilenler (paralel olaraq)

  • link tagi ile 'style.css' 'index.html' arasinda elaqe quruldu
  • section ve divler secildi
  • secilen classlara ve id lere style verildi

Day02

  • Numune templatinin HTMl strukturun uzerinde qeyid edildi
  • Ardicil irelileyerek sturukturu HTML kodlarina cevirdik
  • class ve id le taglarimizi adlandirdiq
  • Css fayilimzda class ve id lerimizi secerek stilimizi verdik
    • Css de isdifade olundu
      • Displey
      • Flex
      • Icon
      • justify-content
      • margin
      • paddig
      • border
      • align-items

Day03

  • header-navbar style verildi
  • isdifade edildi
    • Font-family
    • Font-size
    • font-weight
    • text-decoration

Day04

  • template Slider section HTML stukturu quruldu
  • Sildere css style verdik
  • mutamadi olaraq isdifade edildi
    • display:inline-block ,(block)
    • position:absolute ,(relative)
    • line-height
    • transform:translate()
    • background-image
    • background-position
    • background-repeat
    • background-size
    • border
    • outline***
    • text-align

Day05

  • layhenize sectionlar elave edildi (en azi 3 setion)
  • Numune template de deyisiklik edildi
  • isdifade edildi:
    • :hover
    • !important
    • transition
    • hr
    • cursor

Week03

Day01

Day02

  • Layihənin bir sectioni ucun grid sistemini tetbig edildi.
  • Layihede tekrarlanan css kodlarini ayri ortaq classlar sekline getirildi

pragmatechfoundationproject's People

Contributors

mehdislymnv avatar

Stargazers

 avatar

Watchers

 avatar

pragmatechfoundationproject's Issues

Layiheye baxis

Sizin layihenize baxa bilmedim dogrusu.
image
Bele gorunur mende sizde< normal gorunur?

Layiheye baxis

Salam, sizde hamburger button islemir,

image
Burada sekiller ortada dayanmalidir yoxsa ele bel olmalidir? emin olmadim dogrusu, ortada olsa daha yaxsi olardi.

image
bu sehifede de nav hisse duzgun islemir, kicik ekranlarda yoxa cixir, onlari hamisini hamburger buttonuna sala bilersiz, bootsrapdan komek ala bilersiz.

image

Bu sekilde our projects ve what people olan hisselerin padding topu biraz artirsaz daha yaxsi olar. Birdeki small ekranlar ucun hemin hisselerin font sizeni azalda bilersiz, cox boyukdur.
Contacts hisesinin responsivliyi hazir deyil deyesen.

image
son olaraq burada small ekranlarda heighti azaltmalisiz, cox boyukdur.

Qalan hisseler okey dir.

Layiheye baxis

.header-info-container {
    line-height: 53.5px;
}

Yuxaridaki kodda navbardaki mesafeni line-heightle qoymusuz, goruntu alinir amma bu duzgun variant deyil, siz bunu padding-top, padding-bottomla da asanliqla hell ede bilersiz.

.elemantor-row {
    width: 572.84px;
}

Burada siz bele width vermek evezine 50% versez daha yaxsi olar. 2 eyni hisseye bolunece row.

.elementor-boxed-populat{
	width: 379.98px;

Burda ise siz row-u 3 hisseye bolursuz ve buna gore de width:33.33% versez daha yaxsi olar. row-nun ozu 100% nezerde tutulur, bizde de 3 column oldugu ucun 100/3~ 33.33% olur.

.templates-boxed {
    width: 100%;
    height: 729px;
    padding: 110px 105px 110px;
}

Bilmirem siz live codinge qosulmusdunuzmu, orda demisdim. Fikir versez butun sehife 1 containerin icindedir ve width de texminen 90%-dir. Ona gore kenarlardan padding vermek evezine containere width 90% verib , sonra ortalamaq ucun margin 0 auto istifade ede bilersiz.


Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.