...........___
pin 1-|.....|- pin 8
pin 2-|.....|- pin 9
pin 3-|.....|- pin 10
pin 4-|.....|- pin 11
pin 5-|.....|- pin 12
pin 6-|.....|- pin 13
pin 7-|.....|- pin 14
............----.
_
and the _Do- on the inside, u used to have one but i lost it
there isn't a picture with the gates drawn into the chip but on the first page there is the chip labeled with all the info you need: for instance, 1A and 1B are the inputs to the first NAND gate, and 1Y is the output. 2A,2B are the inputs for gate 2, and 2Y is the output, etc. for all 4 gates in the chip. If you really want a pictorial diagram then you can very easily draw one from that datasheet.
one problem is that AND gate is just a basic element of digital electronics. the whole idea of digital circuits is that you could have tons of basic gates connected into one large circuit.
the diode version of the AND circuit for example can work if the inputs are connected to low impedance outptus. problem is that this cannot be done with the diode AND circuit you posted. (well you can connect it but it won't work).