sarashahbaig.github.io/index.html at master · sarashahbaig/sarashahbaig.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Clothing Home Page</title>
    <!--Remy Sharp Shim -->
    <!--[if lte IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js" type="text/javascript" ></script>
      <![endif]-->
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/lightbox.css">
    <link rel="stylesheet" type="text/css" href="css/styles.css">

</head>

<body class="home">
    <header>
        <div id="logo">
            <a href="index.html">
                <img src="images/logo.png" alt="logo">
            </a>
        </div>
        <nav id="primary">
            <ul>
                <li class="active">
                    <a href="index.html">HOME</a>
                </li>
                <li>
                    <a href="dresses.html">DRESSES</a>
                </li>
                <li>
                    <a href="shoes.html">SHOES</a>
                </li>
                <li>
                    <a href="about.html">ABOUT</a>
                </li>
                <li>
                    <a href="contact.html">CONTACT</a>
                </li>

            </ul>
        </nav>
    </header>
    <div id="wrapper">
        <div id="banner">
                <h1>Welcome to Baloch Fashion</h1>
                <div id="patterns"></div>
        </div>
        <main>
            <p>Ready for fashion? each of our pieces “kisses” the body in a way that is delicate and effortless. Our collections
                feature natural, relaxed fabrics and soft colors that are made for every-day wear.
                <strong>Discover our extensive range of design done by hands for every occasion for timeless looks.</strong>
            </p>
            <img class="left-image" src="images/aside_image.jpg" alt="designs">
            <p>Our dress designers have a passion for creating stunning, perfectly tailored dresses for all occasions, and this
                is the BF difference. The BF designers take time to make dresses by heart with variour designs matching your
                personality with a cultural touch to create striking formal dresses for our customers who are always best
                dressed.
            </p>

            <h1>Dresses for All Occassions</h1>
            <div>
                <a class="example-image-link" href="images/image-1.png" data-lightbox="example-set" data-title="Cultural look">
                    <img class="example-image" src="images/thumb-1.png" alt="" />
                </a>
                <a class="example-image-link" href="images/image-2.png" data-lightbox="example-set" data-title="Wedding Special">
                    <img class="example-image" src="images/thumb-2.png" alt="" />
                </a>
                <a class="example-image-link" href="images/image-3.png" data-lightbox="example-set" data-title="Simple but unique wears">
                    <img class="example-image" src="images/thumb-3.png" alt="" />
                </a>
                <a class="example-image-link" href="images/image-4.png" data-lightbox="example-set" data-title="Traditional Look">
                    <img class="example-image" src="images/thumb-4.png" alt="" />
                </a>
            </div>
            <h2>Adult or Kids</h2>
            <a href="big.html">
                <img class="right-image" src="images/kids.jpg" alt="patterns">
            </a>

            <p>The balochi dress is appealing, in form, great and extremely rich that a lady from any piece of world can’t deny
                wearing it. Balochi dress is called “phashik” in balochi dialect. The attire of the general population of
                Baluchistan, Pakistan comprises of different styles of kameez and shalwar, turban, shoes and head scarfs.</p>

            <p class="background">Experience the feeling of always best dressed such as party dresses, evening dresses,wedding dresses and more
                with BF. We are here to help you make your statement and dazzle at any event.</p>
        </main>
        <aside>
            <h3>We Create Fashion</h3>

            <p>Baloch Cloth is democratizing women's clothing one cute outfit at a time! We welcome you to our wonderful world
                of women's clothing, where fresh floral patterns and daring designs flourish. Baloch Clothes provides an
                exciting and engaging online shopping experience for everyone in search of women's fashion with fabulous
                flair. Whip up your wardrobe with pieces from hundreds of independent designers, including Baloch Fashion
                branded fashion curated by our community. More
            </p>
        </aside>
        <footer>
            <ul>
                <li>Copyright 2018 &copy;</li>
                <li>All Rights Reserved</li>
                <li>
                    <a href="../index.html">Web Design by Sara</a>
                </li>
            </ul>
        </footer>
        <button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
    </div>
    <!--end wrapper-->
    <p class="valid">
        <a href="https://validator.w3.org/nu/?doc=http%3A%2F%2Fcompass.northseattle.edu%2F~sshahbai%2Fit111%2Ffinal%2Findex.html">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                <title>HTML5 Logo</title>
                <path d="M108.4 0h23v22.8h21.2V0h23v69h-23V46h-21v23h-23.2M206 23h-20.3V0h63.7v23H229v46h-23M259.5 0h24.1l14.8 24.3L313.2 0h24.1v69h-23V34.8l-16.1 24.8l-16.1-24.8v34.2h-22.6M348.7 0h23v46.2h32.6V69h-55.6"
                />
                <path fill="#e44d26" d="M107.6 471l-33-370.4h362.8l-33 370.2L255.7 512" />
                <path fill="#f16529" d="M256 480.5V131H404.3L376 447" />
                <path fill="#ebebeb" d="M142 176.3h114v45.4h-64.2l4.2 46.5h60v45.3H154.4M156.4 336.3H202l3.2 36.3 50.8 13.6v47.4l-93.2-26"
                />
                <path fill="#fff" d="M369.6 176.3H255.8v45.4h109.6M361.3 268.2H255.8v45.4h56l-5.3 59-50.7 13.6v47.2l93-25.8" />
            </svg>
        </a>
    </p>
    <script src="js/lightbox-plus-jquery.min.js"></script>
    <script src="js/scroll.js"></script>
</body>

</html>