Muhammad_Ali_jinnah_WebProject/web_project.html at main · KeepCoding365days/Muhammad_Ali_jinnah_WebProject · 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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
<!Doctype_Html>
<html>
    <head>
        <link rel="icon" type= "img/png" href="https://imgur.com/KRSzLCK.png">
        <link rel="stylesheet" href="style_sheet.css">
        <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
        <title>
            MUHAMMAD ALI JINNAH
        </title>
        </head>
    <header class="header">


        <nav >


            <div class="nav">

            <a  href="web_project.html">
                <img class="breadcumb" src ="https://imgur.com/IH7soiX.png" alt="pic"> </a>

            <a class="link" href="web_project.html"> Home</a>
            <a class="link" href="web_project.html">Education</a>
            <a class="link" href="web_project.html"> Pakistan Movement</a>
            <a class="link" href="web_project.html"> Reference books</a>
            </div>
        </nav>


        </header>


        <body>

        <div class="first">
            <div class="text_col">

            <h1 class="PermanentMarker">
                MUHAMMAD ALI JINNAH
                </h1>

                <h2 class="PermanentMarker">
                    The Founding Father of Pakistan
                </h2>

                <p class="PermanentMarker quote">
                    "I do not believe in taking <br> the right descion, I take <br> a descion and make it right."
                </p>


                </div>
                <div class= "imgcol align_mid">

                <img  src="https://imgur.com/wEkL9t7.png";>
                </div>

            </div>

        <div class="lead">   <!--for second grid-->
            <div>
                <h2 class="align_mid ">
                    Education
                </h2>

                <img class="img" alt= "education" src="https://imgur.com/0ulpVf8.jpg">


            <p>
                After getting primary education from Sindh Madrasa-tul-Islam, Muhammad Ali Jinnah
                went to England <br> for higher education where he got his degree from Lincoln's Inn in
                law and become a top lawyer.
            </p>

            <div class="align_mid">

                <a  href="web_project.html">
                <button class= "button">
                    Read more
                </button>

            </a>
            </div>
            </div>

            <div>
                <h2 class="align_mid " >
                    Pakistan Movement
                </h2>

                <img class="img" alt= "education" src="https://imgur.com/9ntm5W4.jpg">


            <p>
                Muhammad Ali Jinnah joined Muslim League in 1916. Then he started struggle for a seprate
                <br>homeland of Muslims. He succeded and Pakistan came into existence in 1947.
            </p>

            <div class="align_mid ">

                <a  href="web_project.html">
                <button class= "button">
                    Read more
                </button>

            </a>
            </div>
            </div> <div>
                <h2 class="align_mid">
                    1945 Elections
                </h2>

                <img class="img" alt= "education" src="https://imgur.com/POHOATM.jpg">


            <p>
                1945-46 general elections were very important for partition of united India and formation
                of Pakistan. Quaid-e-Azam Muhammad Ali Jinnah led the Muslim league to victory in
                elections.
            </p>

            <div class="align_mid">

                <a  href="web_project.html">
                <button class= "button">
                    Read more
                </button>

            </a>
            </div>
            </div>

            </div>
        </div>

        <h2>
           Pakistan Movement & Quaid-e-Azam
        </h2>
    <div class="block3">
        <div>
            <h2>
                19 Points Formula
            </h2>
            <p>
                In 1929, Quaid-e-Azam in response of Ghandi's points, presented his 19 points formula.
            </p>


        </div>
        <div>
            <h2>
                The Pakistan Resolution
            </h2>
            <p>
                In 1940, at annual meeting of Muslim league in leadership of Muhammad Ali Jinnah, Pakistan resolution was passed which gave
                Muslims a goal to fight for.
            </p>
        </div>
    </div>

    <h2>
        Quotes of Quaid
    </h2>
    <div class="block4">
        <div>
            <h2>
                "Failure is a word unknown to me"
            </h2>
        </div>

        <div>
            <h2>
                "There are two powers in world One is sword and second is pen."
            </h2>
        </div>
        <div>
            <h2>
                "Never forget our motto, Unity, Discipine and Faith."
            </h2>
        </div>

        <div>
            <h2>
                "There is no power on earth that can undo Pakistan."
            </h2>
        </div>

    </div>


    <footer class="footer">

        <div class="rows grow">

            <h2 class="PermanentMarker"> NAVIGATION</h2>

        <a class="link" href="web_project.html"> Home</a>
        <a class="link" href="web_project.html">Education</a>
        <a class="link" href="web_project.html"> Pakistan Movement</a>
        <a class="link" href="web_project.html"> Reference books</a>
    </div>

    <div class="rows grow">
        <h2 class="PermanentMarker"> Famous Speeches</h2>
        <a class="link" href="web_project.html"> 19 points Formula</a>

        <a class="link" href="web_project.html"> Addresses</a>

        <a class="link" href="web_project.html"> Quotes</a>

        <a class="link" href="web_project.html"> Islam & Quaid</a>

    </div>

    <div class="rows grow">
        <h2 class="PermanentMarker"> Education</h2>
        <a class="link" href="web_project.html"> Primary</a>

        <a class="link" href="web_project.html"> British</a>

    </div>

    </footer>
        </body>


</html>